summaryrefslogtreecommitdiff
path: root/src-migrate/modules/header/components/SearchBar.tsx
diff options
context:
space:
mode:
authorIT Fixcomart <it@fixcomart.co.id>2023-11-21 06:10:12 +0000
committerIT Fixcomart <it@fixcomart.co.id>2023-11-21 06:10:12 +0000
commit0fc062268c71d53f8777c358b31e2a540d60d404 (patch)
tree0183a00dcfb14583c7dfa80da082c21630afe375 /src-migrate/modules/header/components/SearchBar.tsx
parent6ebe202147269100cd63ef125e877e8f693a27a1 (diff)
parent6a6ce21e5a552b0dc6cd541710a87fd0a0fd9d20 (diff)
Merged in refactor/all (pull request #116)
Refactor/all
Diffstat (limited to 'src-migrate/modules/header/components/SearchBar.tsx')
-rw-r--r--src-migrate/modules/header/components/SearchBar.tsx24
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