'use client';

import React from 'react';
import { Trophy, Users, Car, Flag, Megaphone, LucideIcon } from 'lucide-react';
import { RenewalItem } from '@/components/sponsors/RenewalItem';

interface RenewalAlertProps {
  renewal: {
    id: string;
    type: 'league' | 'team' | 'driver' | 'race' | 'platform';
    name: string;
    formattedRenewDate: string;
    formattedPrice: string;
  };
}

export function RenewalAlert({ renewal }: RenewalAlertProps) {
  const typeIcons: Record<string, LucideIcon> = {
    league: Trophy,
    team: Users,
    driver: Car,
    race: Flag,
    platform: Megaphone,
  };
  const Icon = typeIcons[renewal.type] || Trophy;

  return (
    <RenewalItem
      name={renewal.name}
      renewDateLabel={renewal.formattedRenewDate}
      priceLabel={renewal.formattedPrice}
      icon={Icon}
    />
  );
}