@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 691 B
JavaScript
import{jsx as t}from"react/jsx-runtime";import{useTheme as e,Box as r}from"@mui/material";import{mergeSx as o}from"merge-sx";import a from"../Typography/Typography.js";const i=({typographyProps:i,text:n,sx:p})=>{const l=e();return t(r,{sx:o(p,{width:"100%",position:"relative",display:"flex",gap:4,my:l.spacing(l.custom.margin.md),"&:before":{content:'""',width:"100%",background:l.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"},"&:after":{content:'""',width:"100%",background:l.custom.palette.stroke.default,height:"1px",display:"flex",alignSelf:"center"}}),children:t(a,{align:"center",variation:"sm",component:"p",...i,children:n})})};export{i as default};