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