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