@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 543 B
JavaScript
;var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../Typography/Typography.js");const i=t.styled(t.Box)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.red[500],borderRadius:e.custom.radius.round,display:"flex",height:16,justifyContent:"center",minWidth:16,padding:e.spacing(0,.5)})),o=t.styled(r)(({theme:e})=>({color:e.custom.palette.text.lockedWhite}));module.exports=({children:t})=>e.jsx(i,{children:e.jsx(o,{variation:"xs",component:"p",type:"button",weight:"bold",children:t})});