import{jsx as t,jsxs as r}from"react/jsx-runtime";function n({value:o,onChange:l,categories:i}){let a=(e,d)=>{l({...o,[e]:d})};return r("div",{className:"grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",children:[r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Status",r("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.status,onChange:(e)=>a("status",e.target.value),children:[t("option",{value:"all",children:"All tasks"}),t("option",{value:"active",children:"Active"}),t("option",{value:"completed",children:"Completed"})]})]}),r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Priority",r("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.priority,onChange:(e)=>a("priority",e.target.value),children:[t("option",{value:"all",children:"All"}),t("option",{value:"LOW",children:"Low"}),t("option",{value:"MEDIUM",children:"Medium"}),t("option",{value:"HIGH",children:"High"}),t("option",{value:"URGENT",children:"Urgent"})]})]}),r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Category",r("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.categoryId,onChange:(e)=>a("categoryId",e.target.value),children:[t("option",{value:"all",children:"All categories"}),i.map((e)=>t("option",{value:e.id,children:e.name},e.id))]})]}),r("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Search",t("input",{type:"search",className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",placeholder:"Search by title",value:o.search,onChange:(e)=>a("search",e.target.value)})]})]})}export{n as FilterBar};
