import{o as e}from"./utils-Dac180Gn.js";import{Ya as t,ha as n}from"./index-BP3TYB4i.js";var r=e();function i({title:e,description:i,searchPlaceholder:a=`Search...`,searchValue:o,onSearchChange:s,action:c,filter:l}){return(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,r.jsxs)(`div`,{className:`min-w-0`,children:[(0,r.jsx)(`h1`,{className:`text-xl font-semibold tracking-tight`,children:e}),(0,r.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:i})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[(0,r.jsxs)(`div`,{className:`relative w-52`,children:[(0,r.jsx)(t,{className:`absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground`}),(0,r.jsx)(n,{placeholder:a,value:o,onChange:e=>s(e.target.value),className:`pl-8 h-8 text-sm`})]}),(0,r.jsxs)(`div`,{className:`cursor-pointer`,children:[` `,l]}),(0,r.jsx)(`div`,{className:`cursor-pointer`,children:c})]})]})}export{i as t};