Refactor and migrate register page

1 files changed, 24 insertions, 0 deletions

diff --git a/src-migrate/modules/header/components/SearchBar.tsx b/src-migrate/modules/header/components/SearchBar.tsx
new file mode 100644
index 00000000..ec17abe8
--- /dev/null
+++ b/src-migrate/modules/header/components/SearchBar.tsx
@@ -0,0 +1,24 @@
+
+import { MagnifyingGlassIcon } from '@heroicons/react/24/outline'
+
+const SearchBar = () => {
+  return (
+    <form className="flex-1 flex items-center">
+      <input
+        type="text"
+        className="form-input p-3 rounded-r-none border-r-0 border-gray-300 focus:border-gray-300"
+        placeholder="Ketik nama / part number / merk"
+      />
+
+      <button
+        type="submit"
+        className="rounded-r border border-l-0 border-gray-300 px-2 py-2.5"
+      >
+        <MagnifyingGlassIcon className='w-6' />
+      </button>
+
+    </form>
+  )
+}
+
+export default SearchBar
\ No newline at end of file