Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | 1095x 1376x 38x 38x 1376x | import React from "react";
import type { ViewReactNode } from "~components/view";
export type Props = Pick<
React.ComponentProps<"form">,
"className" | "id" | "aria-label"
> & {
onSubmit?: () => void;
testID?: string;
children: ViewReactNode;
};
export const Form: React.FC<Props> = ({
className,
onSubmit: onSubmitRaw,
id,
testID,
"aria-label": ariaLabel,
children,
}) => {
const onSubmit = React.useCallback<React.SubmitEventHandler<HTMLFormElement>>(
(e) => {
e.preventDefault();
onSubmitRaw?.();
},
[onSubmitRaw],
);
return (
<form
className={className}
onSubmit={onSubmit}
id={id}
data-testid={testID}
aria-label={ariaLabel}
>
{children}
</form>
);
};
|