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