Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | 9x 9x 39x 39x 72x | import React from 'react';
import { Box, Typography, List, ListItem, ListItemIcon, ListItemText } from '@mui/material';
import CheckCircleIcon from '@mui/icons-material/CheckCircle';
import type { PartnershipLevel } from '@/services/api/partnerApi';
interface TierBenefitsPreviewProps {
tier: PartnershipLevel;
}
const tierBenefits: Record<PartnershipLevel, string[]> = {
STRATEGIC: [
'Logo placement on website',
'Newsletter mentions',
'Priority event access',
'Quarterly strategic meetings',
'ROI analytics dashboard',
'Dedicated account manager',
],
PLATINUM: [
'Logo placement on website',
'Newsletter mentions',
'Priority event access',
'Quarterly strategic meetings',
],
GOLD: ['Logo placement on website', 'Newsletter mentions', 'Priority event access'],
SILVER: ['Newsletter mentions', 'Event access'],
BRONZE: ['Event access'],
};
export const TierBenefitsPreview: React.FC<TierBenefitsPreviewProps> = ({ tier }) => {
const benefits = tierBenefits[tier] || [];
return (
<Box sx={{ mt: 2 }}>
<Typography variant="h6" gutterBottom>
Partnership Benefits
</Typography>
<List dense>
{benefits.map((benefit, index) => (
<ListItem key={index} sx={{ py: 0.5 }}>
<ListItemIcon sx={{ minWidth: 36 }}>
<CheckCircleIcon color="success" fontSize="small" />
</ListItemIcon>
<ListItemText primary={`✓ ${benefit}`} primaryTypographyProps={{ variant: 'body2' }} />
</ListItem>
))}
</List>
</Box>
);
};
|