From d0d2a927fa1b9ac0a0e571f6e6f1294445db66a4 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Sun, 19 Feb 2023 22:06:00 +0700
Subject: fix

---
 src/core/components/elements/Sidebar/Sidebar.jsx | 30 ++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/core/components/elements/Sidebar/Sidebar.jsx

(limited to 'src/core/components/elements/Sidebar/Sidebar.jsx')

diff --git a/src/core/components/elements/Sidebar/Sidebar.jsx b/src/core/components/elements/Sidebar/Sidebar.jsx
new file mode 100644
index 00000000..249ccbce
--- /dev/null
+++ b/src/core/components/elements/Sidebar/Sidebar.jsx
@@ -0,0 +1,30 @@
+import Link from "../Link/Link"
+
+const Sidebar = ({
+  active,
+  close
+}) => {
+  return (
+    <>
+      { active && <div className="overlay z-50" onClick={close}></div> }
+      <div className={`fixed z-[55] top-0 h-full w-[80%] transition-all ease-linear duration-50 bg-white ${active ? 'left-0' : '-left-[80%]'}`}>
+        <div className="divide-y divide-gray_r-6">
+          <Link href="/" className="px-4 py-3 block !text-gray_r-12 font-normal">
+            Semua Brand
+          </Link>
+          <Link href="/" className="px-4 py-3 block !text-gray_r-12 font-normal">
+            Tentang Indoteknik
+          </Link>
+          <Link href="/" className="px-4 py-3 block !text-gray_r-12 font-normal">
+            Pusat Bantuan
+          </Link>
+          <Link href="/" className="px-4 py-3 block !text-gray_r-12 font-normal">
+            Kategori
+          </Link>
+        </div>
+      </div>
+    </>
+  )
+}
+
+export default Sidebar
\ No newline at end of file
-- 
cgit v1.2.3

