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