From cc5a7bfd35f9864942a49598c181fc2c9e0ecd11 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 18 Sep 2025 12:54:25 +0800
Subject: [PATCH] Added padding component

---
 fwt/components/Padding.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 fwt/components/Padding.tsx

diff --git a/fwt/components/Padding.tsx b/fwt/components/Padding.tsx
new file mode 100644
index 0000000..b18c8f6
--- /dev/null
+++ b/fwt/components/Padding.tsx
@@ -0,0 +1,13 @@
+import { type JSXElement } from 'solid-js'
+
+interface Props {
+  left: number
+  right: number
+  top?: number
+  bottom?: number
+  children: JSXElement
+}
+
+export default (props: Props) => {
+  return <div style={{ padding: `${props.top || 0}rem ${props.right}rem ${props.bottom || 0}rem ${props.left}rem` }}>{props.children}</div>
+}