import r from"prop-types";import{makeStyles as i,Typography as e,Chip as o}from"@material-ui/core";import{jsxs as t,jsx as p}from"react/jsx-runtime";var n=i((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(r){var i=r.onGroupClick,a=r.groups,c=n();return t("div",{className:c.selectorWrapper,children:[p(e,{className:c.description,children:"I'm looking for..."}),p("div",{children:null==a?void 0:a.map((function(r){var e=r.id,t=r.name;return p(o,{className:c.chip,variant:"outlined",label:t,onClick:function(){return i(e)}},e)}))})]})};a.propTypes={onGroupClick:r.func.isRequired,groups:r.arrayOf(r.shape({})).isRequired};export{a as default};
