import './Frame.css';
import React from 'react';
import { ScaleLinear, TickValues } from "../LinearChart";
import { FormatValue } from "../../../types";
export declare const UNIT_Y_MARGIN = 8;
declare type GridConfigItem = {
    min?: number;
    max?: number;
    showGuide?: boolean;
    showGrid?: boolean;
    gridTicks?: number;
    withPaddings?: boolean;
};
export declare type GridConfig = {
    x: GridConfigItem;
    y: GridConfigItem;
};
declare type Props = {
    width: number;
    height: number;
    gridConfig: GridConfig;
    scales: {
        [key in 'x' | 'y']: ScaleLinear;
    };
    xGridTickValues: TickValues;
    yGridTickValues: TickValues;
    yDimensionUnit?: string;
    yLabelsShowInPercent: boolean;
    xLabelsShowVertical: boolean;
    xHideFirstLabel: boolean;
    formatValueForLabel?: FormatValue;
    onFrameSizeChange: (sizes: {
        xAxisHeight: number;
        yAxisWidth: number;
    }) => void;
    hideYLabels?: boolean;
    showOnlyY?: boolean;
};
export declare const getGridTicksWithGuide: ({ xTickValues, yTickValues, xGuideValue, yGuideValue, }: {
    xTickValues: TickValues;
    yTickValues: TickValues;
    xGuideValue: number | undefined;
    yGuideValue: number | undefined;
}) => {
    x: TickValues;
    y: TickValues;
};
export declare const Frame: React.FC<Props>;
export {};