// src/components/sidebar/SidebarItem.jsx
import React from "react";
import { itemCls, iconCls } from "./sidebarStyles";

export default function SidebarItem({ label, icon: Icon, active, onClick, iconSize = "w-6 h-6" }) {
  return (
    <button onClick={onClick} className={itemCls(active)}>
      <span className="flex gap-2 items-center">
        <Icon className={`${iconSize} ${iconCls(active)}`} />
        {label}
      </span>
    </button>
  );
}
