import React from 'react';
import { PointData } from '../../MyData/LineChart/useChartData';
import { Renderer } from './types';
export type PointBreakdownProps = Renderer<{
    title: string;
    selectedPoints: PointData[];
    dataUri: string;
    dateRange: [Date, Date];
    Footer?: React.ReactElement;
}>;
export declare const PointBreakdown: (props: PointBreakdownProps) => React.JSX.Element;
export declare const createPointBreakdown: (customProps?: Partial<PointBreakdownProps>) => (props: PointBreakdownProps) => React.JSX.Element;
declare const defaultStyles: (theme: import("../../BrandConfigProvider").Theme) => readonly ["Export.LineChartBreakDown", import("../../BrandConfigProvider/styles/createStyles").NamedStyles<{
    container: {
        flex: number;
        backgroundColor: string;
        alignItems: "center";
    };
    titleContainer: {
        width: string;
        padding: number;
        paddingTop: number;
    };
    titleText: {
        color: string;
        fontWeight: "bold";
        textAlign: "center";
        fontSize: number;
    };
    dateText: {
        textAlign: "center";
        textTransform: "uppercase";
        fontSize: number;
        marginTop: number;
    };
    chartImageContainer: {
        width: string;
        paddingHorizontal: number;
    };
    chartImage: {
        width: string;
        aspectRatio: number;
        resizeMode: "contain";
    };
    pointsContainer: {
        borderColor: string;
        borderBottomWidth: number;
        width: string;
    };
    pointRowView: {
        alignItems: "center";
        flexDirection: "row";
        paddingHorizontal: number;
        paddingVertical: number;
        borderColor: string;
        borderTopWidth: number;
        width: string;
    };
    pointDateText: {
        flex: number;
        textTransform: "uppercase";
    };
    pointDataContainer: {
        flex: number;
        alignItems: "center";
    };
    pointDataCircleView: {
        height: number;
        width: number;
        borderRadius: number;
        padding: number;
        justifyContent: "center";
        alignItems: "center";
    };
    pointDataText: {
        fontSize: number;
        color: string;
        textAlign: "center";
    };
    pointLabel: {
        flex: number;
        textAlign: "right";
        textTransform: "uppercase";
    };
}>];
declare module './../../BrandConfigProvider/styles/types' {
    interface ComponentStyles extends ComponentNamedStyles<typeof defaultStyles> {
    }
}
export {};