@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 356 B
JavaScript
import{jsx as e}from"react/jsx-runtime";import{Box as i}from"@mui/material";import{mergeSx as r}from"merge-sx";const t=({checked:t,disabled:a,sx:l,children:o,...c})=>e(i,{sx:r({width:24,height:24,display:"flex",alignItems:"center",fontSize:24,color:"initial",filter:!a&&t?"grayscale(0)":"grayscale(1)",opacity:1},l),...c,children:o});export{t as default};