import { AriaAttributes, FunctionComponent, MouseEvent } from 'react';
import { SpringValues } from '@react-spring/web';
import { Box, Dimensions, SvgDefsAndFill, MotionProps, ValueFormat } from '@nivo/core';
import { PartialTheme } from '@nivo/theming';
import { InheritedColorConfig, OrdinalColorScaleConfig } from '@nivo/colors';
import { LegendProps } from '@nivo/legends';
import { Vertex, GridCell, GridFillDirection } from '@nivo/grid';
export type DatumId = string | number;
export interface Datum {
    id: string;
    label: string;
    value: number;
}
export interface ComputedDatum<D extends Datum> extends Datum {
    data: D;
    isHidden: boolean;
    formattedValue: string;
    groupIndex: number;
    startAt: number;
    endAt: number;
    polygons: readonly Vertex[][];
    color: string;
    fill?: string;
    borderColor: string;
}
export interface EmptyCell extends GridCell {
    color: string;
    fill?: string;
    opacity: number;
    borderColor: string;
}
export interface DataCell<D extends Datum> extends EmptyCell {
    data: ComputedDatum<D>;
}
export type Cell<D extends Datum> = EmptyCell | DataCell<D>;
export declare const isDataCell: <D extends Datum>(cell: Cell<D>) => cell is DataCell<D>;
export type CellAnimatedProps = {
    x: number;
    y: number;
    size: number;
    color: string;
    opacity: number;
    borderColor: string;
};
export interface LegendDatum<D extends Datum = Datum> {
    id: D['id'];
    label: D['label'];
    color: string;
    data: ComputedDatum<D>;
}
/**
 * When using a custom cell component, if you want to preserve transitions,
 * you should use an SVG element from `@react-spring/web`, for example
 * `animated.rect`.
 */
export interface CellComponentProps<D extends Datum> {
    cell: Cell<D>;
    padding: number;
    animatedProps: SpringValues<CellAnimatedProps>;
    borderRadius: number;
    borderWidth: number;
    testIdPrefix?: string;
}
export type CellComponent<D extends Datum> = FunctionComponent<CellComponentProps<D>>;
export interface DataProps<D extends Datum> {
    data: readonly D[];
    total: number;
    rows: number;
    columns: number;
}
export interface TooltipProps<D extends Datum> {
    data: ComputedDatum<D>;
}
export type TooltipComponent<D extends Datum> = FunctionComponent<TooltipProps<D>>;
export interface CommonProps<D extends Datum> extends MotionProps {
    hiddenIds: readonly D['id'][];
    margin: Box;
    valueFormat?: ValueFormat<D['value']>;
    fillDirection: GridFillDirection;
    padding: number;
    theme: PartialTheme;
    colors: OrdinalColorScaleConfig<D>;
    emptyColor: string;
    emptyOpacity: number;
    borderRadius: number;
    borderWidth: number;
    borderColor: InheritedColorConfig<ComputedDatum<D> | {
        color: string;
    }>;
    isInteractive: boolean;
    tooltip: TooltipComponent<D>;
    forwardLegendData: (data: LegendDatum<D>[]) => void;
    role: string;
    renderWrapper: boolean;
    ariaLabel: AriaAttributes['aria-label'];
    ariaLabelledBy: AriaAttributes['aria-labelledby'];
    ariaDescribedBy: AriaAttributes['aria-describedby'];
}
export type MouseHandler<D extends Datum, E extends Element> = (data: ComputedDatum<D>, event: MouseEvent<E>) => void;
export interface MouseHandlers<D extends Datum, E extends Element> {
    onClick: MouseHandler<D, E>;
    onMouseEnter: MouseHandler<D, E>;
    onMouseMove: MouseHandler<D, E>;
    onMouseLeave: MouseHandler<D, E>;
}
export type LayerId = 'cells' | 'areas' | 'legends';
export interface CustomLayerProps<D extends Datum> {
    cells: readonly Cell<D>[];
    computedData: readonly ComputedDatum<D>[];
}
export type WaffleSvgLayer<D extends Datum> = LayerId | FunctionComponent<CustomLayerProps<D>>;
export type WaffleSvgProps<D extends Datum = Datum> = DataProps<D> & Dimensions & Partial<CommonProps<D>> & SvgDefsAndFill<ComputedDatum<D>> & Partial<MouseHandlers<D, SVGGeometryElement>> & {
    layers?: readonly WaffleSvgLayer<D>[];
    legends?: readonly LegendProps[];
    cellComponent?: CellComponent<D>;
    motionStagger?: number;
    testIdPrefix?: string;
};
export type HtmlLayerId = Exclude<LayerId, 'legends'>;
export type WaffleHtmlLayer<D extends Datum> = HtmlLayerId | FunctionComponent<CustomLayerProps<D>>;
export type WaffleHtmlProps<D extends Datum = Datum> = DataProps<D> & Dimensions & Partial<CommonProps<D>> & Partial<MouseHandlers<D, HTMLElement>> & {
    layers?: readonly WaffleHtmlLayer<D>[];
    cellComponent?: CellComponent<D>;
    motionStagger?: number;
    testIdPrefix?: string;
};
export type CanvasProps<D extends Datum = Datum> = DataProps<D> & Dimensions & Partial<CommonProps<D>> & Partial<Omit<MouseHandlers<D, HTMLCanvasElement>, 'onMouseEnter' | 'onMouseLeave'>> & {
    legends?: readonly LegendProps[];
    pixelRatio?: number;
};
//# sourceMappingURL=types.d.ts.map