From 5fcce08127ac4baa5cffca9cb68b99a7fc888d22 Mon Sep 17 00:00:00 2001
From: amarahatta <aadarsh.marahatta@gmail.com>
Date: Wed, 20 Nov 2024 01:27:31 -0800
Subject: [PATCH 1/2] [Feature] Create form-text-input.tsx component

---
 .../molecules/form-text-input/component.tsx   | 34 +++++++++++++++++++
 components/molecules/form-text-input/index.ts |  2 ++
 2 files changed, 36 insertions(+)
 create mode 100644 components/molecules/form-text-input/component.tsx
 create mode 100644 components/molecules/form-text-input/index.ts

diff --git a/components/molecules/form-text-input/component.tsx b/components/molecules/form-text-input/component.tsx
new file mode 100644
index 0000000..b3123a3
--- /dev/null
+++ b/components/molecules/form-text-input/component.tsx
@@ -0,0 +1,34 @@
+import { cn } from '@/lib/cn';
+import TextInput from '@/components/atoms/text-input';
+
+interface FormTextInputProps extends React.ComponentProps<typeof TextInput> {
+  label: string;
+  labelClassName?: string;
+  containerClassName?: string;
+}
+
+export const FormTextInput: React.FC<FormTextInputProps> = ({
+  label,
+  labelClassName,
+  containerClassName,
+  id,
+  ...props
+}) => {
+  return (
+    <div className={cn('flex flex-col gap-2', containerClassName)}>
+      <label 
+        htmlFor={id}
+        className={cn(
+          'text-sm font-medium text-light-text px-3',
+          labelClassName
+        )}
+      >
+        {label}
+      </label>
+      <TextInput
+        id={id}
+        {...props}
+      />
+    </div>
+  );
+};
\ No newline at end of file
diff --git a/components/molecules/form-text-input/index.ts b/components/molecules/form-text-input/index.ts
new file mode 100644
index 0000000..ac39062
--- /dev/null
+++ b/components/molecules/form-text-input/index.ts
@@ -0,0 +1,2 @@
+export { FormTextInput as default } from './component';
+export * from './component';
\ No newline at end of file

From 3565ead992fea7f2eafcea9327fc75916dd53b46 Mon Sep 17 00:00:00 2001
From: amarahatta <aadarsh.marahatta@gmail.com>
Date: Tue, 4 Feb 2025 11:58:11 -0800
Subject: [PATCH 2/2] made it in line with tailwind.cofig and removed unessary
 elements

---
 components/molecules/form-text-input/component.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/molecules/form-text-input/component.tsx b/components/molecules/form-text-input/component.tsx
index b3123a3..8a07da1 100644
--- a/components/molecules/form-text-input/component.tsx
+++ b/components/molecules/form-text-input/component.tsx
@@ -15,11 +15,11 @@ export const FormTextInput: React.FC<FormTextInputProps> = ({
   ...props
 }) => {
   return (
-    <div className={cn('flex flex-col gap-2', containerClassName)}>
+    <div className={cn('flex flex-col', containerClassName)}>
       <label 
         htmlFor={id}
         className={cn(
-          'text-sm font-medium text-light-text px-3',
+          'text-sm font-medium text-light-text',
           labelClassName
         )}
       >