import e from"prop-types";import r from"@material-ui/icons/Clear";import{makeStyles as t}from"@material-ui/core/styles";import{Typography as a}from"@material-ui/core";import{jsxs as i,jsx as o}from"react/jsx-runtime";var l=t((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 t=e.onClick,p=e["data-testid"],c=l();return i("div",{"data-testid":p,className:c.wrapper,onClick:t,children:[o(r,{className:c.clearIcon}),o(a,{className:c.clearText,children:"Clear"})]})}p.propTypes={onClick:e.func.isRequired,classes:e.shape({}).isRequired,"data-testid":e.string},p.defaultProps={"data-testid":"ClearFiltersButton"};export{p as default};
