import {
  CheckCircle2,
  BriefcaseMedical,
  Palmtree,
  HeartPulse,
  Clock3,
} from "lucide-react";

const badgeConfig = {
  aktiv: {
    label: "Aktiv",
    icon: CheckCircle2,
    className: "success",
  },

  einsatz: {
    label: "Einsatz",
    icon: BriefcaseMedical,
    className: "info",
  },

  urlaub: {
    label: "Urlaub",
    icon: Palmtree,
    className: "warning",
  },

  krank: {
    label: "Krank",
    icon: HeartPulse,
    className: "danger",
  },

  vertrag: {
    label: "Läuft aus",
    icon: Clock3,
    className: "neutral",
  },
};

export default function OmsorgBadge({
  status = "aktiv",
}) {

  const config =
    badgeConfig[status] ?? badgeConfig.aktiv;

  const Icon = config.icon;

  return (
    <span
      className={`omsorg-badge omsorg-badge--${config.className}`}
    >
      <Icon size={14} />
      {config.label}
    </span>
  );
}