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