import { Icon } from "@iconify/react";
import { Chip } from "@mui/material";

/**
 * Badge "Addon" para identificar submódulos no incluidos en el plan base.
 *
 * Props:
 *   size — "small" | "medium" (default: "small")
 *   variant — "filled" | "outlined" (default: "outlined")
 */
export function AddonBadge({ size = "small", variant = "outlined" }) {
  return (
    <Chip
      icon={<Icon icon="mdi:puzzle-plus" width={14} />}
      label="Addon"
      size={size}
      variant={variant}
      sx={{
        height: size === "small" ? 20 : 24,
        fontSize: 11,
        fontWeight: 600,
        borderColor: "warning.main",
        color: "warning.dark",
        "& .MuiChip-icon": { color: "warning.main", ml: 0.5 },
      }}
    />
  );
}