// src/components/sidebar/sidebarStyles.js
export const itemCls = (active) =>
  `dark:text-white text-right sm:text-base text-sm font-medium rounded-md px-4 py-2 flex justify-between items-center w-fit transition-all duration-200 ${
    active
      ? "bg-[#43BEFF40] dark:bg-[#A1E3F919]"
      : "hover:bg-[#43BEFF40] dark:hover:bg-[#A1E3F919]"
  }`;

export const subItemCls = (active) =>
  `dark:text-white text-right sm:text-sm text-xs px-3 py-2 flex gap-2 items-center rounded-md ${
    active
      ? "bg-[#43BEFF40] dark:bg-[#A1E3F919]"
      : "hover:bg-[#43BEFF40] dark:hover:bg-[#A1E3F919]"
  }`;

export const iconCls = (active) =>
  `w-5 h-5 ${active ? "dark:text-white text-black" : "text-[#43BEFF] dark:text-white"}`;
