import { CrosshairMode, LineStyle } from 'lightweight-charts';
export interface CandleStickAdaptorResult {
    time: number;
    open: number;
    high: number;
    low: number;
    close: number;
    value: number;
    color: string;
}
export interface CandleStickSocketData {
    open: number;
    high: number;
    low: number;
    close: number;
    time: number;
    value: number;
    color: string;
}
export interface TradeViewProps {
    initialChartData: CandleStickAdaptorResult[];
    updatedata: CandleStickSocketData | null;
    candleStickConfig: CandleStickConfig;
    histogramConfig: HistogramConfig;
    chartLayout: {};
    containerStyle?: {
        [x: string]: any;
    };
}
export interface CandleStickConfig {
    upColor?: string;
    downColor?: string;
    borderDownColor?: string;
    borderUpColor?: string;
    wickDownColor?: string;
    wickUpColor?: string;
}
export interface HistogramConfig {
    base?: number;
    lineWidth?: number;
    priceFormat?: {
        type: string;
    };
    overlay?: boolean;
    scaleMargins?: {
        top?: number;
        bottom?: number;
    };
}
export interface ChartSeries {
    setData: (data: []) => {};
    applyOptions: (data: {}) => {};
    update: (data: CandleStickSocketData) => {};
}
export interface TradeViewChart {
    addCandlestickSeries: (config: CandleStickConfig) => {};
    addHistogramSeries: (config: HistogramConfig) => {};
}
export interface Props {
    pair: string;
    interval?: string;
    candleStickConfig?: CandleStickConfig;
    histogramConfig?: HistogramConfig;
    chartLayout?: DeffaultChartLayout;
    useFuturesTestnet?: boolean;
    useSpotTestnet?: boolean;
    containerStyle?: {
        [x: string]: any;
    };
}
export interface DeffaultChartLayout {
    layout?: {
        backgroundColor: string;
        textColor: string;
    };
    grid?: {
        vertLines?: {
            color: string;
            style: LineStyle;
        };
        horzLines?: {
            color: '#838fa3';
            style: LineStyle;
        };
    };
    crosshair?: {
        mode: CrosshairMode;
    };
    leftPriceScale?: {
        borderColor: string;
    };
    rightPriceScale?: {
        borderColor: string;
    };
    overlayPriceScales?: {
        borderColor: string;
    };
    timeScale?: {
        borderColor: string;
        timeVisible: boolean;
        secondsVisible: boolean;
    };
}