import{jsxs as r,jsx as e}from"react/jsx-runtime";import{makeStyles as i,Typography as a,Chip as o}from"@material-ui/core";var t=i((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:{color:e.primary.text6},groups:{display:"flex",flexWrap:"wrap",gap:"8px"}}})),p=function(i){var p=i.onGroupClick,n=i.groups,l=t();return r("div",{className:l.selectorWrapper,children:[e(a,{className:l.description,children:"I'm looking for..."}),e("div",{className:l.groups,children:null==n?void 0:n.map((function(r){var i=r.id,a=r.name;return e(o,{className:l.chip,variant:"outlined",label:a,onClick:function(){return p(i)}},i)}))})]})};export{p as default};
//# sourceMappingURL=Groups.js.map
