"use strict";var e=require("prop-types"),r=require("@material-ui/icons/Clear"),t=require("@material-ui/core/styles"),a=require("@material-ui/core"),i=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e),o=l(r),c=t.makeStyles((function(e){return{wrapper:{display:"flex",alignItems:"flex-end",height:"56px",marginBottom:"12px",cursor:"pointer","&:hover $clearText":{color:e.palette.primary.text1},"&:hover $clearIcon":{color:e.palette.primary.text1}},clearText:{color:e.palette.primary.text6},clearIcon:{color:e.palette.primary.text6,marginLeft:"16px",marginRight:"5px"}}}));function p(e){var r=e.onClick,t=e["data-testid"],l=c();return i.jsxs("div",{"data-testid":t,className:l.wrapper,onClick:r,children:[i.jsx(o.default,{className:l.clearIcon}),i.jsx(a.Typography,{className:l.clearText,children:"Clear"})]})}p.propTypes={onClick:s.default.func.isRequired,classes:s.default.shape({}).isRequired,"data-testid":s.default.string},p.defaultProps={"data-testid":"ClearFiltersButton"},module.exports=p;
