import e from"prop-types";import{withStyles as i}from"@material-ui/core/styles";import{Tooltip as r,Typography as n}from"@material-ui/core";import{jsx as o,jsxs as t,Fragment as a}from"react/jsx-runtime";var l=i({tooltip:{backgroundColor:"rgba(59, 59, 59, 0.9)",color:"#ffffff",fontSize:"11px",fontWeight:500,lineHeight:"16px",borderRadius:"4px"}})(r);function s(e){var i=e.isPinned,r=e.onClick,s=e.classes;return o(l,{title:i?"Unpin Filters":"Pin Filters",enterTouchDelay:10,children:o("div",{onClick:r,className:s.container,style:{alignSelf:i?"flex-end":"flex-start"},children:t(a,{children:[o("img",{src:"/static/media/8c46f4027d283b5424dea0e75f546378.svg",alt:"Pin icon",className:s.icon}),o(n,{variant:"body2",className:s.label,children:i?"Unpin":"Pin"})]})})})}s.propTypes={isPinned:e.bool.isRequired,classes:e.shape({}).isRequired,onClick:e.func.isRequired};var c=i({container:{display:"flex",alignItems:"center",cursor:"pointer",margin:"auto",color:"#999999"},icon:{marginRight:"6px"},label:{fontSize:"10px",lineHeight:"14px"}})(s);export{c as default};
