import{j as s,X as n,c as p}from"./index-CUDottTv.js";import{S as m}from"./textarea-DAwdLdON.js";import{B as o}from"./badge-BOfEUuSW.js";function h({search:l,onSearchChange:r,searchPlaceholder:c="Search...",filters:a=[],onRemoveFilter:t,onClearAll:x,children:i,className:d}){return s.jsxs("div",{className:p("flex items-center gap-3 px-5 py-2.5 border-b border-border-default",d),children:[s.jsx("div",{className:"w-64 shrink-0",children:s.jsx(m,{value:l,onChange:e=>r==null?void 0:r(e.target.value),placeholder:c})}),i,a.length>0&&s.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[a.map(e=>s.jsxs(o,{variant:"brand",size:"sm",children:[s.jsxs("span",{children:[e.label,": ",e.value]}),s.jsx("button",{onClick:()=>t==null?void 0:t(e.key),className:"ml-1 hover:text-accent-light cursor-pointer",children:s.jsx(n,{size:10})})]},e.key)),s.jsx("button",{onClick:x,className:"text-[11px] text-text-muted hover:text-text-secondary cursor-pointer",children:"Clear all"})]})]})}export{h as F};
