@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 880 B
JavaScript
;var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),o=require("../Link/Link.js"),s=require("../Typography/Typography.js");const n=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(.5)})),i=t.styled(o)(({theme:e})=>({[`&.${t.linkClasses.root}`]:{"&:hover":{textDecorationColor:e.custom.palette.text.secondary}}})),l=t.styled(s)(({theme:e})=>({color:e.custom.palette.text.secondary})),a=t.styled(s)(({theme:e})=>({color:e.custom.palette.text.secondary}));module.exports=({links:t})=>e.jsx(n,{children:t?.map(({label:o,...s},n)=>e.jsxs(r.Fragment,{children:[s.href||void 0!==s.onClick?e.jsx(i,{underline:"hover",...s,children:e.jsx(l,{variation:"sm",component:"p",children:o})},o):e.jsx(l,{variation:"sm",component:"p",children:o}),e.jsx(a,{variation:"sm",component:"p",children:n+1<t?.length?"/":""})]},o))});