import e from"@babel/runtime/helpers/slicedToArray";import r from"prop-types";import{makeStyles as t,Typography as i,Chip as a}from"@material-ui/core";import{CATEGORY_KEY_VALUES as o}from"./constants.js";import{jsxs as p,jsx as l}from"react/jsx-runtime";var s=t({assetSelectorWrapper:{display:"flex",flexWrap:"wrap",gap:"8px"},description:{color:"#BDBDBD",fontSize:"12px",lineHeight:"17px",marginBottom:"8px"},assetTypeChip:{color:"#BDBDBD","&:last-child":{marginRight:"0px"}}}),n=function(r){var t=r.onClickAssetType,n=s();return p("div",{children:[l(i,{className:n.description,children:"I'm looking for..."}),l("div",{className:n.assetSelectorWrapper,children:o.map((function(r){var i=e(r,2),o=i[0],p=i[1];return l(a,{"data-testid":"".concat("AssetTypesSection","_chip_").concat(p.labelPlural),className:n.assetTypeChip,variant:"outlined",label:p.labelPlural,onClick:function(){return t(o)}},o)}))})]})};n.propTypes={onClickAssetType:r.func.isRequired};export{n as default};
//# sourceMappingURL=AssetTypesSection.js.map
