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