// @bun
import{StatusChip as J}from"@contractspec/lib.design-system";import{HStack as K}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as y}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as L,ChevronDown as M}from"lucide-react";import{jsx as f,jsxs as z}from"react/jsx-runtime";function U({title:A,count:q,icon:E,isCollapsed:F=!1,onToggle:G,className:I}){return z("button",{type:"button",onClick:G,className:y("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",I),children:[z(K,{gap:"sm",className:"items-center",children:[f("div",{className:"text-muted-foreground transition-colors group-hover:text-foreground",children:E||f(L,{className:"h-5 w-5"})}),f("span",{className:"font-semibold text-lg capitalize transition-colors group-hover:text-primary",children:A}),f(J,{tone:"neutral",label:`${q} ${q===1?"feature":"features"}`,size:"sm"})]}),f(M,{className:y("h-5 w-5 text-muted-foreground transition-transform duration-200",F&&"-rotate-90")})]})}export{U as FeatureCategoryHeader};
