import * as React from "react";
export interface TrackerBlockProps {
    /**
     * Unique key for the block (optional, falls back to index)
     */
    key?: string | number;
    /**
     * Tailwind color classes for the block (e.g., "bg-emerald-600 dark:bg-emerald-500")
     */
    color?: string;
    /**
     * Tooltip text to display on hover
     */
    tooltip?: string;
}
export interface TrackerProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Array of block data to display
     */
    data: TrackerBlockProps[];
    /**
     * Default background color for blocks without a color prop
     * @default "bg-muted"
     */
    defaultBackgroundColor?: string;
    /**
     * Enable hover opacity effect on blocks
     * @default false
     */
    hoverEffect?: boolean;
}
/**
 * Tracker component for displaying a horizontal bar of colored blocks
 *
 * Similar to GitHub's contribution graph, displays a series of colored blocks
 * with optional tooltips. Useful for visualizing activity, status, or progress
 * over time.
 *
 * @example
 * ```tsx
 * <Tracker
 *   data={[
 *     { color: "bg-emerald-600", tooltip: "Active" },
 *     { color: "bg-red-600", tooltip: "Error" },
 *     { tooltip: "No data" }
 *   ]}
 * />
 * ```
 */
declare const Tracker: React.ForwardRefExoticComponent<TrackerProps & React.RefAttributes<HTMLDivElement>>;
export { Tracker };
//# sourceMappingURL=tracker.d.ts.map