import { CSSObject } from 'styled-components';
import { ChangeType, StatCardVariant } from './types';
import { FoundationTokenType } from '../../tokens/theme.token';
import { BreakpointType } from '../../breakpoints/breakPoints';
export type StatCardState = 'default' | 'hover';
export type StatCardTokenType = {
    height: CSSObject['height'];
    maxWidth: CSSObject['maxWidth'];
    border: CSSObject['border'];
    borderRadius: CSSObject['borderRadius'];
    backgroundColor: CSSObject['backgroundColor'];
    boxShadow: CSSObject['boxShadow'];
    padding: {
        x: CSSObject['padding'];
        y: CSSObject['padding'];
    };
    textContainer: {
        gap: CSSObject['gap'];
        header: {
            gap: CSSObject['gap'];
            title: {
                fontSize: CSSObject['fontSize'];
                fontWeight: CSSObject['fontWeight'];
                color: CSSObject['color'];
            };
            titleIcon: {
                width: CSSObject['width'];
            };
            helpIcon: {
                width: CSSObject['width'];
                color: {
                    [key in StatCardState]: CSSObject['color'];
                };
            };
        };
        stats: {
            gap: CSSObject['gap'];
            title: {
                gap: CSSObject['gap'];
                value: {
                    [key in StatCardVariant]: {
                        fontSize: CSSObject['fontSize'];
                        fontWeight: CSSObject['fontWeight'];
                        color: CSSObject['color'];
                    };
                };
                change: {
                    margin: CSSObject['margin'];
                    arrow: {
                        width: CSSObject['width'];
                    };
                    text: {
                        fontSize: CSSObject['fontSize'];
                        fontWeight: CSSObject['fontWeight'];
                        color: {
                            [key in ChangeType]: CSSObject['color'];
                        };
                    };
                };
            };
            subtitle: {
                fontSize: CSSObject['fontSize'];
                fontWeight: CSSObject['fontWeight'];
                color: CSSObject['color'];
            };
        };
    };
    chart: {
        height: CSSObject['height'];
        colors: {
            line: {
                increase: CSSObject['color'];
                decrease: CSSObject['color'];
            };
            area: {
                increase: CSSObject['color'];
                decrease: CSSObject['color'];
            };
            gradient: {
                end: CSSObject['color'];
                startOpacity: number;
                endOpacity: number;
            };
        };
        line: {
            strokeWidth: CSSObject['strokeWidth'];
            activeDot: {
                width: CSSObject['width'];
                fill: CSSObject['fill'];
            };
        };
        bar: {
            borderTopRightRadius: CSSObject['borderTopRightRadius'];
            borderTopLeftRadius: CSSObject['borderTopLeftRadius'];
            borderBottomRightRadius: CSSObject['borderBottomRightRadius'];
            borderBottomLeftRadius: CSSObject['borderBottomLeftRadius'];
            fill: {
                [key in StatCardState]: CSSObject['fill'];
            };
        };
        progressBar: {
            height: CSSObject['height'];
            borderRadius: CSSObject['borderRadius'];
            gap: CSSObject['gap'];
            background: {
                fill: CSSObject['backgroundColor'];
                empty: CSSObject['backgroundColor'];
                pattern: {
                    color: CSSObject['color'];
                    size: CSSObject['backgroundSize'];
                };
            };
            label: {
                fontSize: CSSObject['fontSize'];
                fontWeight: CSSObject['fontWeight'];
                color: CSSObject['color'];
            };
        };
        tooltip: {
            backgroundColor: CSSObject['backgroundColor'];
            padding: {
                x: CSSObject['padding'];
                y: CSSObject['padding'];
            };
            borderRadius: CSSObject['borderRadius'];
            color: CSSObject['color'];
            fontSize: CSSObject['fontSize'];
            fontWeight: CSSObject['fontWeight'];
        };
    };
};
export type ResponsiveStatCardTokens = {
    [key in keyof BreakpointType]: StatCardTokenType;
};
export declare const getStatCardToken: (foundationToken: FoundationTokenType) => ResponsiveStatCardTokens;