UNPKG

@useloops/design-system

Version:

The official React based Loops design system

2 lines (1 loc) 543 B
"use strict";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})});