HourColumns

const hoursTable = {
  period: { from: "2026-10-13", to: "2026-10-19", days: 7 },
  caveats: [],
  columns: [
    { key: "hour", label: "Час", role: "dimension", unit: "text" },
    { key: "submissions", label: "Заявки", role: "metric", unit: "count" }
  ],
  rows: [
    { hour: 8, submissions: 4 },
    { hour: 9, submissions: 7 },
    { hour: 10, submissions: 9 },
    { hour: 11, submissions: 11 },
    { hour: 12, submissions: 12 },
    { hour: 13, submissions: 13 },
    { hour: 14, submissions: 14 },
    { hour: 15, submissions: 14 },
    { hour: 16, submissions: 13 },
    { hour: 17, submissions: 12 },
    { hour: 18, submissions: 11 },
    { hour: 19, submissions: 9 },
    { hour: 20, submissions: 7 },
    { hour: 21, submissions: 4 },
    { hour: 22, submissions: 2 }
  ]
};

render(
  <HourColumns {...toHours(hoursTable)} />
);