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