From 5f6723fad634cb8fe15209004c9bd2603fb250bb Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Wed, 21 Feb 2024 17:07:59 +0700
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20create=20new?=
 =?UTF-8?q?=20renderInput=20for=20component=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/components/renders/input.tsx    | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 packages/frontend/src/pages/components/renders/input.tsx

diff --git a/packages/frontend/src/pages/components/renders/input.tsx b/packages/frontend/src/pages/components/renders/input.tsx
new file mode 100644
index 00000000..bc0b79ff
--- /dev/null
+++ b/packages/frontend/src/pages/components/renders/input.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import { Input } from 'components/shared/Input';
+import { SearchIcon, CrossIcon } from 'components/shared/CustomIcon';
+
+export const renderInputs = () => {
+  return (
+    <>
+      <div className="flex w-full gap-10">
+        <Input
+          label="Label"
+          description="Additional information or context"
+          leftIcon={<SearchIcon />}
+          rightIcon={<CrossIcon />}
+          placeholder="Placeholder text"
+        />
+        <Input
+          disabled
+          label="Label"
+          description="Additional information or context"
+          placeholder="Placeholder text"
+        />
+        <Input
+          state="error"
+          label="Label"
+          description="Additional information or context"
+          placeholder="Placeholder text"
+          helperText="The error goes here"
+        />
+      </div>
+      <div className="flex w-full gap-10">
+        <Input
+          label="Label"
+          leftIcon={<SearchIcon />}
+          rightIcon={<CrossIcon />}
+          description="Additional information or context"
+          placeholder="Placeholder text"
+          size="sm"
+        />
+        <Input
+          disabled
+          label="Label"
+          description="Additional information or context"
+          placeholder="Placeholder text"
+          size="sm"
+        />
+        <Input
+          state="error"
+          label="Label"
+          description="Additional information or context"
+          placeholder="Placeholder text"
+          size="sm"
+          helperText="The error goes here"
+        />
+      </div>
+    </>
+  );
+};