import { PMMModel, PmmModelParams } from '@dodoex/api';
import BigNumber from 'bignumber.js';
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;
    textColor?: string;
}
export type Props = {
    width: number;
    height: number;
    params: PmmModelParams;
    midPrice: BigNumber;
    pmmModel: PMMModel;
    baseTokenSymbol: string;
    quoteTokenSymbol: string;
    colorMap?: ColorMap;
};
export declare function LiquidityChartKonva({ width, height, params, baseTokenSymbol, quoteTokenSymbol, colorMap, }: Props): JSX.Element;
