shoc-frontend-new/src/components/ui/badge.tsx

import type { ChipProps } from "@mui/material";
import { Chip } from "@mui/material";

import { cn } from "@/lib/utils";

export type BadgeProps = ChipProps;

export function Badge({ className, size = "small", ...props }: BadgeProps) {
  return (
    <Chip
      size={size}
      {...props}
      className={cn("font-medium", className)}
      sx={{
        borderRadius: "var(--radius-sm)",
        fontSize: "0.75rem",
        ...props.sx,
      }}
    />
  );
}