From 9a5b4259808d719a531eca18dff993eeeff71bc1 Mon Sep 17 00:00:00 2001
From: HombreLaser <sebastian-440@live.com>
Date: Sun, 23 Apr 2023 12:19:07 -0600
Subject: Simplificada interfaz

---
 src/components/search_bar.tsx | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/components/search_bar.tsx

(limited to 'src/components/search_bar.tsx')

diff --git a/src/components/search_bar.tsx b/src/components/search_bar.tsx
new file mode 100644
index 0000000..5f1f438
--- /dev/null
+++ b/src/components/search_bar.tsx
@@ -0,0 +1,32 @@
+import "./stylesheets/searchbar.css"
+
+export default function SearchBar({ path }) {
+  return(
+    <div>
+      <form action={path} method="get" id="search-form">
+        <div className="flex justify-center">
+          <div>
+            <input className="rounded-l border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-[0.25rem] text-base font-normal leading-[1.6] text-neutral-700 outline-none transition duration-200 ease-in-out focus:z-[3] focus:border-primary focus:text-neutral-700 focus:shadow-[inset_0_0_0_1px_rgb(59,113,202)] focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:placeholder:text-neutral-200 dark:focus:border-primary" 
+              type="text" name="name" id="search"/>
+          </div>
+
+          <div>
+            <button form="search-form"
+                    className="rounded-r bg-primary px-6 py-2 text-xs font-medium uppercase leading-tight text-white shadow-md transition duration-150 ease-in-out hover:bg-primary-700 hover:shadow-lg focus:bg-primary-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary-800 active:shadow-lg">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                className="h-5 w-5">
+                <path
+                  fillRule="evenodd"
+                  d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
+                  clipRule="evenodd" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3

