@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 647 B
JavaScript
;var e=require("react/jsx-runtime"),r=require("@mui/material"),s=require("merge-sx"),o=require("../../../WebCore/Typography/Typography.js");const t=r.styled(r.Stack)(({theme:e})=>({borderRadius:e.spacing(e.custom.radius.sm),border:`1px solid ${e.custom.palette.purple[100]}`,backgroundColor:e.custom.palette.purple[0],padding:`${e.spacing(e.custom.padding.xs)} ${e.spacing(e.custom.padding.sm)}`,"& p":{color:e.custom.palette.purple[1e3]}}));module.exports=({sx:r,body:i})=>e.jsx(t,{"data-id":"pill-container",sx:s.mergeSx(r,{position:"absolute",zIndex:1}),children:e.jsx(o,{variation:"xxs",component:"p",weight:"bold",children:i})});