import { PMMModel, PmmModelParams } from '@dodoex/api';
import BigNumber from 'bignumber.js';
import { BaseMinAndZoomMultiples } from './helper';
export declare const bgColor = "rgba(38, 39, 41, 0.3)";
export interface ColorMap {
    grid?: string;
    midPriceLine?: string;
    leftBg?: (string | number)[];
    leftLine?: string;
    leftColor?: string;
    rightBg?: (string | number)[];
    rightLine?: string;
    rightColor?: string;
    tooltipBg?: string;
    tooltipColor?: string;
}
export type Props = {
    width: number;
    height: number;
    params: PmmModelParams;
    midPrice: BigNumber;
    pmmModel: PMMModel;
    baseTokenSymbol: string;
    quoteTokenSymbol: string;
    baseMinAndZoomMultiples: BaseMinAndZoomMultiples;
    colorMap?: ColorMap;
    setBaseMinAndZoomMultiples: React.Dispatch<React.SetStateAction<BaseMinAndZoomMultiples>>;
};
export declare function DepthChartKonva({ width, height, midPrice, pmmModel, params, baseTokenSymbol, quoteTokenSymbol, baseMinAndZoomMultiples, colorMap, setBaseMinAndZoomMultiples, }: Props): JSX.Element;
