'use client';

import React from 'react';
import { Trophy, Star } from 'lucide-react';
import { SponsorTierCard as UiSponsorTierCard } from '@/ui/SponsorTierCard';

interface SponsorTierCardProps {
  type: 'main' | 'secondary';
  available: boolean;
  availableCount?: number;
  totalCount?: number;
  price: number;
  benefits: string[];
  isSelected: boolean;
  onClick: () => void;
}

export function SponsorTierCard({
  type,
  available,
  availableCount,
  totalCount,
  price,
  benefits,
  isSelected,
  onClick,
}: SponsorTierCardProps) {
  const isMain = type === 'main';
  const TierIcon = isMain ? Trophy : Star;
  const iconColor = isMain ? 'text-yellow-400' : 'text-purple-400';

  return (
    <UiSponsorTierCard
      type={type}
      available={available}
      availableCount={availableCount}
      totalCount={totalCount}
      price={price}
      benefits={benefits}
      isSelected={isSelected}
      onClick={onClick}
      icon={TierIcon}
      iconColor={iconColor}
    />
  );
}
