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,37 @@
+import { Tab } from "../../../types/tab";
+
+interface NavbarTabProps {
+  tab: Tab;
+  isSelected: boolean;
+  onClick: (tab: Tab) => void;
+}
+
+const NavbarTabDesktop = ({
+  tab,
+  onClick,
+  isSelected = false,
+}: NavbarTabProps) => {
+  return (
+    <button
+      className="px-4 text-[#73787C] hover:text-black relative w-fit h-full"
+      onClick={() => onClick(tab)}
+    >
+      <div
+        className={`border-b-2 h-full flex items-center transition-all duration-300 ${
+          isSelected
+            ? "border-b-[#00BED7]"
+            : "border-b-transparent hover:border-b-[#E2E2DC] active:border-b-[#00BED7]"
+        }`}
+      >
+        {tab.value}
+      </div>
+      {tab.count !== 0 && (
+        <div className="absolute top-2 right-0 w-4 h-4 bg-[#00BED7] rounded-full text-white text-[10px] flex items-center justify-center pt-0.5 pr-[1px]">
+          <span className="leading-none">{tab.count}</span>
+        </div>
+      )}
+    </button>
+  );
+};
+
+export default NavbarTabDesktop;