interface StatusBadgeProps {
  status: string;
}

export default function StatusBadge({
  status,
}: StatusBadgeProps) {
  const styles = {
    Active: "bg-green-100 text-green-600",
    Inactive: "bg-red-100 text-red-500",
    Success: "bg-green-100 text-green-600",
    Failed: "bg-red-100 text-red-500",
  };

  return (
    <span
      className={`inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium ${styles[status as keyof typeof styles]}`}
    >
      {status}
    </span>
  );
}