import { WeatherCard, ClimateSeasonData } from '@/components/composite/WeatherCard';
const springData: ClimateSeasonData = {
season: 'spring',
seasonName: 'Spring',
months: [3, 4, 5], // March, April, May
avgTempRange: { min: 8, max: 23 },
totalRainfall: 240,
avgRainyDaysPerMonth: 9,
avgSunshineHoursPerMonth: 195,
avgDaylightHoursPerMonth: 13.5,
dominantTouristSeason: 'shoulder',
overallComfort: 'excellent',
seasonalRecommendations: 'Perfect weather for outdoor activities.',
};
<WeatherCard
seasonData={springData}
seasonImage="/images/seasons/spring-tuscany.jpg"
seasonImageAlt="Spring landscape in Tuscany with blooming flowers"
bestActivities={[
'Outdoor sightseeing',
'Garden visits',
'Walking tours',
]}
seasonalTips={[
'Pack layers for variable temperatures',
'Bring umbrella for occasional showers',
'Book accommodations early for shoulder season',
]}
viewDetailsHref="/regions/tuscany/weather"
cardVariant="elevated"
/>
// Without image
<WeatherCard
seasonData={springData}
bestActivities={['Outdoor sightseeing']}
viewDetailsHref="/regions/tuscany/weather"
/>
// With onClick handler
<WeatherCard
seasonData={springData}
onViewDetails={() => console.log('View details clicked')}
/>
