import{R as o,j as t,Q as h,a2 as u,by as m,K as a}from"./app-BgLa5dit.js";import{F as f}from"./HrByhRZi.chunk.js";const g=o.forwardRef((e,r)=>{const{children:i,onClick:s,className:n,title:l}=e;return t.jsx("a",{ref:r,href:"",className:n,title:l,onClick:d=>{d.preventDefault(),s(d)},children:i})});o.forwardRef((e,r)=>{const{children:i,className:s}=e;return t.jsx("div",{ref:r,className:s,children:t.jsx("ul",{className:"list-unstyled mb-0",children:i})})});const v="_searchSvg_16yo7_1",x="_filter_16yo7_7",S="_filterMenu_16yo7_13",j="_filterSvg_16yo7_17",F="_input_16yo7_20",c={searchSvg:v,filter:x,filterMenu:S,filterSvg:j,input:F};function N(e){const[r,i]=o.useState(!1);function s(l){e.setSearchIndicesFilter(l)}function n(l){return e.searchIndicesFilter===l?"bg-light-blue":""}return t.jsxs(a,{className:c.filter,children:[t.jsx(a.Toggle,{as:g,onToggle:i,className:`no-caret svg-container cursor-pointer rounded-circle ${e.searchIndicesFilter?"bg-dark text-white":"text-dark"}`,children:t.jsx(h,{className:c.filterSvg,svg:f})}),t.jsxs(a.Menu,{className:`${c.filterMenu} dropdown-menu`,show:r,align:"end",children:[t.jsx(a.Item,{as:"li",onClick:()=>s("video"),className:`${n("video")} pb-1 cursor-pointer`,children:"Videos"}),t.jsx(a.Item,{as:"li",onClick:()=>s("interactive"),className:`${n("interactive")} pb-1 cursor-pointer`,children:"Interactives"}),t.jsx(a.Item,{as:"li",onClick:()=>s("clip"),className:`${n("clip")} pb-1 cursor-pointer`,children:"Clips"}),e.searchIndicesFilter&&t.jsx(a.Item,{as:"li",onClick:()=>s(null),className:"text-secondary hover-text-underline cursor-pointer",children:"Reset"})]})]})}function C(e){function r(i){e.setQuery(i.target.value)}return t.jsxs("div",{className:"position-relative w-100",children:[t.jsx(h,{svg:m,className:u(c.searchSvg,"svg-container cursor-pointer text-dark")}),t.jsx("input",{name:e.name,type:"text",className:u("form-control w-100 border-dark",c.input),id:e.name,autoComplete:"off",placeholder:e.placeholder,"aria-label":"Search",onChange:r,value:e.query,autoFocus:e.autoFocus,disabled:e.disabled}),e.hasVideoTypeFilter&&t.jsx(N,{searchIndicesFilter:e.searchIndicesFilter,setSearchIndicesFilter:e.setSearchIndicesFilter})]})}export{C as S};
//# sourceMappingURL=nO4MXtNL.chunk.js.map
