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