Add Paul's Toolbox Contents

components/ui/form/form.module.less

@@ -0,0 +1,13 @@
+.form {
+  flex: 1;
+  gap: 1em;
+  display: flex;
+  flex-direction: column;
+
+  label {
+    opacity: .6;
+    display: block;
+    text-align: left;
+    margin-bottom: .5em;
+  }
+}

components/ui/form/index.tsx

@@ -0,0 +1,17 @@
+import type { FormHTMLAttributes } from "react";
+import { clsn } from "~utils";
+import styles from "./form.module.less";
+
+interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
+
+}
+
+function Form({ children, className, ...props }: FormProps) {
+  return (
+    <form className={clsn(styles.form, className)} {...props}>
+      {children}
+    </form>
+  );
+}
+
+export default Form;