"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("prop-types"),t=require("@material-ui/core"),i=require("./constants.js"),a=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(e),l=s(r),p=t.makeStyles((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"}}}})),o=function(e){var r=e.onClickAssetType,s=p();return a.jsxs("div",{className:s.assetSelectorWrapper,children:[a.jsx(t.Typography,{className:s.description,children:"I'm looking for..."}),a.jsx("div",{children:i.CATEGORY_KEY_VALUES.map((function(e){var i=n.default(e,2),l=i[0],p=i[1];return a.jsx(t.Chip,{"data-testid":"".concat("AssetTypesSection","_chip_").concat(p.labelPlural),className:s.assetTypeChip,variant:"outlined",label:p.labelPlural,onClick:function(){return r(l)}},l)}))})]})};o.propTypes={onClickAssetType:l.default.func.isRequired},module.exports=o;
