27 lines
735 B
TypeScript
27 lines
735 B
TypeScript
|
|
|
|
import { Badge } from './Badge';
|
|
|
|
interface SponsorshipTierBadgeProps {
|
|
tier: 'premium' | 'standard' | 'starter';
|
|
entityLabel: string;
|
|
}
|
|
|
|
export function SponsorshipTierBadge({ tier, entityLabel }: SponsorshipTierBadgeProps) {
|
|
const tierStyles = {
|
|
premium: 'bg-yellow-400/10 border-yellow-400/30 text-yellow-400',
|
|
standard: 'bg-purple-400/10 border-purple-400/30 text-purple-400',
|
|
starter: 'bg-primary-blue/10 border-primary-blue/30 text-primary-blue',
|
|
};
|
|
|
|
return (
|
|
<Badge
|
|
bg={tierStyles[tier].split(' ')[0]}
|
|
borderColor={tierStyles[tier].split(' ')[1]}
|
|
color={tierStyles[tier].split(' ')[2]}
|
|
>
|
|
{tier.charAt(0).toUpperCase() + tier.slice(1)} {entityLabel}
|
|
</Badge>
|
|
);
|
|
}
|