client,server folders

2024-06-14 13:54:55 +05:00
parent e67512bd6d
commit 158f081b5f
649 changed files with 228 additions and 162 deletions
@@ -0,0 +1,30 @@
+import { Tab } from "../../../types/tab";
+import RightArrowIcon from "../../icons/RightArrowIcon";
+
+interface NavbarTabProps {
+  tab: Tab;
+  onClick: (tab: Tab) => void;
+}
+
+const NavbarTabMobile = ({ tab, onClick }: NavbarTabProps) => {
+  return (
+    <button className="w-full border-b last:border-b-0 flex justify-between py-4 ">
+      <div
+        className=" text-[#0D1922] relative w-fit"
+        onClick={() => onClick(tab)}
+      >
+        <div className={` transition-all duration-300`}>{tab.value}</div>
+        {tab.count !== 0 && (
+          <div className="absolute top-0 -right-4 w-4 h-4 bg-[#00BED7] rounded-full text-white text-[10px] flex items-center justify-center">
+            {tab.count}
+          </div>
+        )}
+      </div>
+      <div className="text-[#73787C]">
+        <RightArrowIcon />
+      </div>
+    </button>
+  );
+};
+
+export default NavbarTabMobile;