47 lines
1006 B
TypeScript
47 lines
1006 B
TypeScript
'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}
|
|
/>
|
|
);
|
|
}
|