UNPKG

@useloops/design-system

Version:

The official React based Loops design system

github.com/useloops/useloops-ds

useloops/useloops-ds

2 lines (1 loc) • 670 B
1
2
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../Typography/Typography.js");const t=r.styled("kbd")(({theme:e})=>({display:"flex",minWidth:20,boxSizing:"border-box",justifyContent:"center",alignItems:"center",backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.sm),padding:"2px 4px"}));module.exports=({children:r})=>e.jsx(t,{children:e.jsx(o,{variation:"sm",component:"p",secondary:!0,sx:{lineHeight:"110%",fontFamily:'"SF Compact", "Segoe UI Symbol", "Segoe Fluent Icons", "Segoe UI Emoji", "Founders Grotesk", sans-serif'},children:r})});