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 n}from"react/jsx-runtime";var l=t((function(e){return{assetSelectorWrapper:{margin:8},description:{color:e.palette.primary.text6,fontSize:"12px",lineHeight:"17px",paddingBottom:"8px"},assetTypeChip:{marginRight:"8px",color:e.palette.primary.text6,"&:last-child":{marginRight:"0px"}}}})),s=function(r){var t=r.onClickAssetType,s=l();return p("div",{className:s.assetSelectorWrapper,children:[n(i,{className:s.description,children:"I'm looking for..."}),n("div",{children:o.map((function(r){var i=e(r,2),o=i[0],p=i[1];return n(a,{"data-testid":"".concat("AssetTypesSection","_chip_").concat(p.labelPlural),className:s.assetTypeChip,variant:"outlined",label:p.labelPlural,onClick:function(){return t(o)}},o)}))})]})};s.propTypes={onClickAssetType:r.func.isRequired};export{s as default};
