@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 827 B
JavaScript
import{jsx as t}from"react/jsx-runtime";import{useCallback as a,useMemo as s}from"react";import r from"@mui/material/Stack";import e from"@mui/material/Box";import{isReactNode as i}from"../../util/functions/index.js";import{StatusBadge as n}from"../../StatusBadge/StatusBadge.container.js";const o=o=>{const{statusBadges:m,skip:d=!m,classPrefix:u,sx:c}=o,l=a(((a,s)=>i(a)?t(e,{"data-testid":`${u}-statusBadge`,className:`${u}-statusBadge`,children:a},s):t(n,{"data-testid":`${u}-statusBadge`,...a},s)),[u]);return{renderStatusBadges:s((()=>{if(d)return null;const a=(Array.isArray(m)?m:[m]).map(l);return t(r,{direction:"row",spacing:2,"data-testid":`${u}-statusBadgeContainer`,className:`${u}-statusBadgeContainer`,alignItems:"center",justifyContent:"flex-start",sx:c,children:a})}),[l,m,c,u,d])}};export{o as useCardBadges};