plan-tier PlanTierBadge.jsx

100% Statements 2/2

100% Branches 4/4

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21  
 
 
 
 
 
 
 
 
8x
8x
 
 
 
 
 
 
 
 
 
  import Chip from "@mui/material/Chip";
import { useTheme } from "@mui/material/styles";
import { formatPlanLabel, getPlanBadgeSx } from "@/utils/constants/districtPlanConstants";
 
/**
 * Tier-colored badge for subscription plans.
 * @param {{ planType: string, label?: string, variant?: "soft" | "solid", size?: "small" | "medium" }} props
 */
export default function PlanTierBadge({ planType, label, variant = "soft", size = "small", sx, ...rest }) {
    const theme = useTheme();
    return (
        <Chip
            label={label ?? formatPlanLabel(planType)}
            size={size}
            variant="soft"
            sx={{ ...getPlanBadgeSx(theme, planType, variant), ...sx }}
            {...rest}
        />
    );
}