@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 669 B
JavaScript
import{jsx as e}from"react/jsx-runtime";import{styled as o}from"@mui/material";import t from"../Typography/Typography.js";const r=o("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"})),i=({children:o})=>e(r,{children:e(t,{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:o})});export{i as default};