From 3a82f05c757d049a68a5343081e3a38aeb382bed Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Tue, 2 Sep 2025 14:35:39 +0800
Subject: [PATCH] Added form component

---
 fwt/components/Form/Form.sass |  0
 fwt/components/Form/Form.tsx  | 20 ++++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 fwt/components/Form/Form.sass
 create mode 100644 fwt/components/Form/Form.tsx

diff --git a/fwt/components/Form/Form.sass b/fwt/components/Form/Form.sass
new file mode 100644
index 0000000..e69de29
diff --git a/fwt/components/Form/Form.tsx b/fwt/components/Form/Form.tsx
new file mode 100644
index 0000000..8f9f706
--- /dev/null
+++ b/fwt/components/Form/Form.tsx
@@ -0,0 +1,20 @@
+import './Form.sass'
+import type { JSXElement } from 'solid-js'
+import Submit from '../Submit/Submit'
+
+interface Props {
+  children: JSXElement
+  edges?: 'curved' | 'rounded' | 'flat'
+  design?: 'bu-primary' | 'bu-link' | 'bu-info' | 'bu-success' | 'bu-warning' | 'bu-danger' | 'bu-dark' | 'bu-light' | 'bu-text' | 'bu-ghost' | 'bo-primary' | 'bo-secondary' | 'bo-success' | 'bo-danger' | 'bo-warning' | 'bo-info' | 'bo-light' | 'bo-dark' | 'bo-link'
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <form method="post">
+        {props.children}
+        <Submit label="Submit" edges={props.edges || 'flat'} design={props.design}></Submit>
+      </form>
+    </>
+  )
+}