@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 698 B
JavaScript
import{styled as s,Box as t,typographyClasses as i}from"@mui/material";import{getIconSizing as o,getButtonSizing as a}from"../../../../WebCore/ButtonBase/Button.variant-helpers.js";import{getTextColorByStatus as r,getStatusStyling as e}from"../../helpers/index.js";const d=s(t,{shouldForwardProp:s=>!["status","sizing"].includes(s)})(({theme:s,status:t,sizing:d="md"})=>({borderRadius:s.spacing(s.custom.radius.md),padding:`0 ${s.spacing(s.custom.padding.sm)}`,display:"flex",alignItems:"center",justifyContent:"start",...d&&{...a(d)},...t&&{...e(s,t)},...d&&{...o(d)},[`& .${i.root}`]:{padding:`0 ${s.spacing(s.custom.padding.xs)}`,color:r(s,t,1e3)}}));export{d as StyledTestStatus,d as default};