"use strict";var e=require("prop-types"),r=require("@material-ui/core"),i=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e),n=r.makeStyles((function(e){var r=e.palette;return{selectorWrapper:{padding:"16px 0 12px 16px"},description:{color:r.primary.text6,fontWeight:500,fontSize:"13px",lineHeight:"17px",paddingBottom:"8px"},chip:{marginRight:"8px",color:r.primary.text6,"&:last-child":{marginRight:"0px"}}}})),p=function(e){var t=e.onGroupClick,a=e.groups,p=n();return i.jsxs("div",{className:p.selectorWrapper,children:[i.jsx(r.Typography,{className:p.description,children:"I'm looking for..."}),i.jsx("div",{children:null==a?void 0:a.map((function(e){var a=e.id,n=e.name;return i.jsx(r.Chip,{className:p.chip,variant:"outlined",label:n,onClick:function(){return t(a)}},a)}))})]})};p.propTypes={onGroupClick:a.default.func.isRequired,groups:a.default.arrayOf(a.default.shape({})).isRequired},module.exports=p;
