import { CSSObject } from 'styled-components';
import { AlertV2Type, AlertV2SubType, AlertV2ActionPosition, AlertV2PaddingDirection } from './alertV2.types';
import { BreakpointType } from '../../breakpoints/breakPoints';
export type AlertV2TokensType = {
    width: CSSObject['width'];
    maxWidth: CSSObject['maxWidth'];
    minWidth: CSSObject['minWidth'];
    border: {
        [key in AlertV2Type]: {
            [key in AlertV2SubType]: CSSObject['color'];
        };
    };
    borderRadius: CSSObject['borderRadius'];
    backgroundColor: {
        [key in AlertV2Type]: {
            [key in AlertV2SubType]: CSSObject['color'];
        };
    };
    padding: {
        [key in AlertV2PaddingDirection]: CSSObject['padding'];
    };
    gap: {
        [key in AlertV2ActionPosition]: CSSObject['gap'];
    };
    slot: {
        maxHeight: CSSObject['maxHeight'];
    };
    mainContainer: {
        gap: CSSObject['gap'];
        content: {
            gap: {
                [key in AlertV2ActionPosition]: CSSObject['gap'];
            };
            textContainer: {
                gap: CSSObject['gap'];
                heading: {
                    color: {
                        [key in AlertV2Type]: CSSObject['color'];
                    };
                    fontWeight: CSSObject['fontWeight'];
                    fontSize: CSSObject['fontSize'];
                    lineHeight: CSSObject['lineHeight'];
                };
                description: {
                    color: {
                        [key in AlertV2Type]: CSSObject['color'];
                    };
                    fontWeight: CSSObject['fontWeight'];
                    fontSize: CSSObject['fontSize'];
                    lineHeight: CSSObject['lineHeight'];
                };
            };
            actionContainer: {
                gap: CSSObject['gap'];
                primaryAction: {
                    color: {
                        [key in AlertV2Type]: CSSObject['color'];
                    };
                    fontWeight: CSSObject['fontWeight'];
                    fontSize: CSSObject['fontSize'];
                    lineHeight: CSSObject['lineHeight'];
                };
                secondaryAction: {
                    color: {
                        [key in AlertV2Type]: CSSObject['color'];
                    };
                    fontWeight: CSSObject['fontWeight'];
                    fontSize: CSSObject['fontSize'];
                    lineHeight: CSSObject['lineHeight'];
                };
            };
        };
        closeButton: {
            color: {
                [key in AlertV2Type]: CSSObject['color'];
            };
            height: CSSObject['height'];
            width: CSSObject['width'];
        };
    };
};
export type ResponsiveAlertV2Tokens = {
    [key in keyof BreakpointType]: AlertV2TokensType;
};