First Commit

components/form/Form.tsx

@@ -0,0 +1,17 @@
+import { DetailedHTMLProps, FormHTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Form({
+    ...props
+}: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>) {
+    return (
+        <form
+            {...props}
+            className={twMerge(
+                "flex flex-col items-start gap-4 w-full",
+                "twui-form",
+                props.className
+            )}
+        ></form>
+    );
+}

components/form/Input.tsx

@@ -0,0 +1,17 @@
+import { DetailedHTMLProps, InputHTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Input({
+    ...props
+}: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) {
+    return (
+        <input
+            {...props}
+            className={twMerge(
+                "w-full px-4 py-2 border border-slate-300 rounded",
+                "twui-input",
+                props.className
+            )}
+        />
+    );
+}