@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 609 B
JavaScript
import{jsxs as o,jsx as r}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{pluralise as e}from"../../../../utils/pluralise.js";import a from"../../../WebCore/Typography/Typography.js";const p=(p,i)=>o(t,{display:"flex",gap:.5,children:[r(a,{variation:"sm",component:"p",weight:"bold",children:p||0}),r(a,{variation:"sm",component:"p",sx:{color:o=>o.custom.palette.text.secondary},children:e(i,p||0)})]}),i=({loops:r,tests:e,drafts:a})=>o(t,{display:"flex",alignItems:"center",flexWrap:"wrap",columnGap:1,children:[!!r&&p(r,"Loop"),!!e&&p(e,"Test"),!!a&&p(a,"Draft")]});export{i as default};