Weather Comparison Table

import { WeatherComparisonTable } from '@/components/composite/WeatherComparisonTable';
import { ClimateMonthData } from '@/components/composite/WeatherCard';

const climateData: ClimateMonthData[] = [
  {
    month: 1,
    monthName: 'January',
    avgHighTempC: 12,
    avgLowTempC: 5,
    avgMeanTempC: 8.5,
    avgRainfallMm: 73,
    avgRainyDays: 9,
    avgSunshineHours: 125,
    touristSeason: 'off-season',
    comfortIndex: 'fair',
  },
  // ... more months
];

<WeatherComparisonTable
  climateData={climateData}
  sortable
  filterable
  onMonthClick={(month, monthName) => navigate(`/weather/${monthName}`)}
  onExport={(format) => handleExport(format)}
  showInheritanceNote={true}
  caption="Monthly Weather Comparison for Florence"
/>