"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:{color:e.primary.text6},groups:{display:"flex",flexWrap:"wrap",gap:"8px"}}}));module.exports=function(a){var p=a.onGroupClick,t=a.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",{className:o.groups,children:null==t?void 0:t.map((function(i){var a=i.id,t=i.name;return r.jsx(e.Chip,{className:o.chip,variant:"outlined",label:t,onClick:function(){return p(a)}},a)}))})]})};
//# sourceMappingURL=Groups.js.map
