import React from 'react';
import { SleepChartData } from './useSleepChartData';
type Props = SleepChartData;
export declare const SleepSummary: (props: Props) => React.JSX.Element;
declare const defaultStyles: (theme: import("../../BrandConfigProvider").Theme) => readonly ["SleepAnalysisSummary", import("../../BrandConfigProvider/styles/createStyles").NamedStyles<import("../../BrandConfigProvider/styles/createStyles").NamedStyles<{
    radialChart: {
        radius: any;
        stroke: any;
        size: any;
        gapDeg: any;
        startAngle: any;
        fill: any;
        defaultStroke: any;
    };
    summaryChartTextContainer: {
        justifyContent: "center";
        alignItems: "center";
    };
    summaryValuesContainer: {
        flexDirection: "row";
        columnGap: number;
    };
    summaryValueRowContainer: {
        flex: number;
    };
    summaryChartContainer: {
        alignItems: "center";
        width: string;
    };
    summaryValueContainer: unknown;
    summaryValueContentContainer: {
        paddingVertical: number;
    };
    summaryValueDescriptionContainer: {
        flexDirection: "row";
        alignItems: "center";
        columnGap: number;
    };
    summaryValueBadgeView: unknown;
}>>];
declare module './../../BrandConfigProvider/styles/types' {
    interface ComponentStyles extends ComponentNamedStyles<typeof defaultStyles> {
    }
}
export {};