react-horizontal-heatmap/dist/index.d.mts

A lightweight React component for rendering a horizontal heatmap. Perfect for timelines, activity charts, or health status indicators. Fully customizable colors, box size, and spacing.

import React from 'react';

type PopoverItem = {
    icon: React.ReactNode;
    text: string;
    link: string;
};
type HeatmapData = {
    value: number;
    time: string;
    items: PopoverItem[];
};
type HeatmapProps = {
    data: HeatmapData[];
    boxSize?: number;
    gap?: number;
    colors?: string[];
    emptyMessage?: string;
};
declare const HorizontalHeatmap: React.FC<HeatmapProps>;

export { type HeatmapData, type HeatmapProps, HorizontalHeatmap, type PopoverItem };