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