refactor: move styles into separate components

1 files changed, 17 insertions, 0 deletions

diff --git a/src/components/Form.tsx b/src/components/Form.tsx
new file mode 100644
index 0000000..595e323
--- /dev/null
+++ b/src/components/Form.tsx
@@ -0,0 +1,17 @@
+import { ComponentChildren } from 'preact';
+import './Form.css';
+
+export interface FormProps {
+	children: ComponentChildren;
+	onSubmit?: (event: SubmitEvent) => void;
+}
+
+const Form = ({ onSubmit, children }: FormProps) => {
+	return (
+		<form class="__Form" onSubmit={onSubmit}>
+			{children}
+		</form>
+	);
+};
+
+export default Form;
\ No newline at end of file