1 files changed, 30 insertions, 0 deletions
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