import { ReactNode } from 'react';
export type TrackerBlock = {
    /**
     * Unique identifier for a block.
     */
    id?: string;
    /**
     * Defines the block color by setting a UIKIT bg-<name> class.
     */
    color?: string;
    /**
     * Tooltip content shown on hover.
     */
    tooltip?: ReactNode;
    /**
     * Called when clicking the block.
     */
    onClick?: (id: string) => void;
    /**
     * Additional class names for the block.
     */
    className?: string;
};
export type TrackerProps = {
    /**
     * Array of block objects.
     */
    data: TrackerBlock[];
    /**
     * Background color of a block, when no color is provided in `data`.
     *
     * @default 'bg-success'
     */
    defaultBackgroundColor?: string;
    /**
     * Add a hover effect to the tracker blocks.
     *
     * @default false
     */
    hoverEffect?: boolean;
    /**
     * Minimum width per tracker block in pixels.
     *
     * The tracker compresses blocks automatically down to this value.
     *
     * @default 5
     */
    minBlockWidth?: number;
    /**
     * Maximum width per tracker block in pixels.
     *
     * @default 10
     */
    maxBlockWidth?: number;
    /**
     * Gap between tracker blocks in pixels.
     *
     * @default 2
     */
    blockGap?: number;
    /**
     * Height per tracker block in pixels.
     *
     * @default 30
     */
    blockHeight?: number;
    /**
     * When enabled, the tracker shows fewer blocks once `minBlockWidth` is reached.
     *
     * @default true
     */
    collapseOnMinBlockWidth?: boolean;
    /**
     * Show the last blocks instead of the first blocks when collapsing due to width.
     *
     * @default false
     */
    collapseShowLastBlocks?: boolean;
    /**
     * Additional class names on the wrapper element.
     */
    className?: string;
};
declare const Tracker: (props: TrackerProps) => import("react/jsx-runtime").JSX.Element;
export default Tracker;
