import { FunctionComponent } from 'react';
import './heatmap.styled';
export interface propsHeatMapType {
    id?: string;
    margin?: {
        top: number;
        left: number;
        right: number;
        bottom: number;
    };
    fontSize?: number;
    dataAxisX?: Array<string>;
    dataAxisY?: Array<string>;
    width?: number;
    height?: number;
    mode?: boolean;
    metricName?: string;
    dimension?: Array<string>;
    keyDimension?: Array<string>;
    data?: Array<{
        x: number;
        y: number;
        isActive: boolean;
        dataX: string;
        dataY: string;
        value: number;
        valueLabel: string;
    }>;
    isApplyFilter?: boolean;
    position?: {
        top: number;
        left: number;
        width: number;
        height: number;
    };
    textOption?: {
        fontFamily: string;
        isShowLabel: boolean;
        fontSizeLabel: string;
        isShowTitle: boolean;
        fontSizeTitle: string;
    };
    colorScale?: {
        fillColorSmall: string;
        fillColorAverage: string;
        fillColorLarge: string;
    };
    backgroundAndBorder?: {
        fillColor: string;
        borderColor: string;
        lineWeight: string;
        lineStyle: string;
        isAddBorderShadow: boolean;
    };
    isReportEmbed?: boolean;
    transformScale?: number;
    callbackPosition?: (param: any) => void;
    onClick?: (paramA: any, paramB: any) => void;
    onClickClearFilter?: () => void;
    onError?: (error: any, payload: Record<string, unknown>) => void;
}
declare const HeatMap: FunctionComponent<propsHeatMapType>;
export default HeatMap;