https://royaldockswaterways.com/_next/static/chunks/5577.6341d5aba4946594.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5577],{95577:function(e,l,s){s.r(l);var a=s(85893),t=s(23507),c=s.n(t),n=s(67294),i=s(27361),r=s.n(i);l.default=function(e){let l=r()(e,"locations"),s=r()(e,"types"),[t,i]=(0,n.useState)(""),[d,u]=(0,n.useState)(""),o=(0,n.useRef)(null),m=(0,n.useRef)(null);return(0,n.useEffect)(()=>{var l;let s=[];t&&s.push(t),d&&s.push(d);let a=s.length?s.join(""):"*";null===(l=e.onFilterChange)||void 0===l||l.call(e,a)},[t,d]),(0,a.jsx)("div",{className:c().comp_lv_filter,children:(0,a.jsx)("div",{className:"side-gutters",children:(0,a.jsxs)("div",{className:"flex-content-block",children:[(0,a.jsx)("div",{className:"col-md-2-12 hide-on-small-desktop"}),(0,a.jsx)("div",{className:"col-xs-12-12 col-md-12-12 col-lg-8-12",children:(0,a.jsxs)("div",{className:"".concat(c().comp_lv_filter_selects_container),children:[(0,a.jsx)("div",{className:"fs-title-7 text-green-dark ss-sp-40",children:"Filter by"}),s&&(0,a.jsxs)("select",{className:"fs-cta mb-20 md:mb-0",onChange:e=>{u(e.target.value)},ref:m,defaultValue:"",children:[(0,a.jsx)("option",{value:"",children:"Type"}),s.map((e,l)=>(0,a.jsx)("option",{value:"."+(null==e?void 0:e.slug),children:null==e?void 0:e.name},l))]}),l&&(0,a.jsxs)("select",{className:"fs-cta",onChange:e=>{i(e.target.value)},ref:o,defaultValue:"",children:[(0,a.jsx)("option",{value:"",children:"Location"}),l.map((e,l)=>(0,a.jsx)("option",{value:"."+(null==e?void 0:e.slug),children:null==e?void 0:e.name},l))]}),(l||s)&&(0,a.jsx)("div",{className:"fs-cta text-brown btn-primary blue-dark",onClick:()=>{i(""),u(""),o.current&&(o.current.value=""),m.current&&(m.current.value="")},children:"Clear all filters"})]})}),(0,a.jsx)("div",{className:"col-md-2-12 hide-on-small-desktop"}),(0,a.jsx)("div",{className:"".concat(c().comp_lv_filter_search," grid-gutters")})]})})})}}}]);