@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 722 B
JavaScript
;var r=require("react/jsx-runtime"),e=require("@mui/material"),s=require("../Tooltip/Tooltip.js"),t=require("../Typography/Typography.js");const o=e.styled(e.Box)(({theme:r})=>({backgroundColor:r.custom.palette.neutral[50],border:`1px solid ${r.custom.palette.stroke.light}`,borderRadius:r.r.md,padding:`${r.p.xs} ${r.p.sm}`,maxWidth:"192px"}));module.exports=({keyString:e,valueString:i})=>r.jsx(s,{message:r.jsxs(r.Fragment,{children:[r.jsx("strong",{children:e}),r.jsx("br",{}),i]}),slotProps:{wrapper:{sx:{maxWidth:192,cursor:"default"}}},children:r.jsxs(o,{children:[r.jsx(t,{component:"p",variation:"xxs",secondary:!0,clamp:1,children:e}),r.jsx(t,{component:"p",variation:"sm",clamp:1,children:i})]})});