@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 718 B
JavaScript
;var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("../Checkbox/StyledCheckbox.js"),s=require("../utils/typography.util.js");module.exports=({handleSelectAll:n,isIndeterminate:l,isAllSelected:a,sizing:c})=>{const[u,o]=i.useState(!1),d=t.useTheme();return i.useEffect(()=>{a&&o(a)},[a]),e.jsxs(t.Stack,{direction:"row",gap:d.spacing(d.custom.padding.sm),onClick:e=>{const t=!u;o(t),n(e,t)},sx:{marginLeft:"auto",display:"flex",alignItems:"center",justifyContent:"flex-end",p:e=>e.custom.padding.sm},children:[e.jsx(t.FormLabel,{sx:{cursor:"pointer",fontSize:()=>c&&s.fontSizemap[c]},children:"Select all"}),e.jsx(r,{sizing:"default",indeterminate:l,checked:u})]})};