@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 371 B
JavaScript
;var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");module.exports=({sizing:i="lg",sx:s,...h})=>{const{custom:x}=t.useTheme();return e.jsx(t.Avatar,{...h,sx:r.mergeSx({border:`1px solid ${x.palette.stroke.light}`,...{xxs:{width:16,height:16},xs:{width:24,height:24},sm:{width:32,height:32},lg:{width:48,height:48}}[i]},s)})};