import{StatusChip as E}from"@contractspec/lib.design-system";import{HStack as G}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as F}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as I,ChevronDown as J}from"lucide-react";import{jsx as r,jsxs as f}from"react/jsx-runtime";function K({title:H,count:y,icon:P,isCollapsed:q=!1,onToggle:z,className:A}){return f("button",{type:"button",onClick:z,className:F("flex w-full items-center justify-between rounded-lg px-4 py-3","bg-muted/30 transition-colors hover:bg-muted/50","group cursor-pointer",A),children:[f(G,{gap:"sm",className:"items-center",children:[r("div",{className:"text-muted-foreground transition-colors group-hover:text-foreground",children:P||r(I,{className:"h-5 w-5"})}),r("span",{className:"font-semibold text-lg capitalize transition-colors group-hover:text-primary",children:H}),r(E,{tone:"neutral",label:`${y} ${y===1?"feature":"features"}`,size:"sm"})]}),r(J,{className:F("h-5 w-5 text-muted-foreground transition-transform duration-200",q&&"-rotate-90")})]})}export{K as FeatureCategoryHeader};
