import { CSSObject } from 'styled-components';
import { ThemeType } from '../../tokens';
import { CheckboxSize, CheckboxInteractionState, CheckboxCheckedState } from './types';
import { BreakpointType } from '../../breakpoints/breakPoints';
export type CheckboxTokensType = {
    gap: CSSObject['gap'];
    slot: {
        marginLeft: CSSObject['marginLeft'];
    };
    indicator: {
        width: {
            [key in CheckboxSize]: CSSObject['width'];
        };
        height: {
            [key in CheckboxSize]: CSSObject['height'];
        };
        backgroundColor: {
            [key in CheckboxCheckedState]?: {
                [key in CheckboxInteractionState]?: CSSObject['backgroundColor'];
            };
        };
        borderRadius: {
            [key in CheckboxSize]: CSSObject['borderRadius'];
        };
        border: {
            [key in CheckboxCheckedState]?: {
                [key in CheckboxInteractionState]?: CSSObject['border'];
            };
        };
        outline: CSSObject['outline'];
        outlineOffset: CSSObject['outlineOffset'];
        boxShadow: CSSObject['boxShadow'];
        icon: {
            color: {
                [key in CheckboxCheckedState]?: {
                    [key in Extract<CheckboxInteractionState, 'default' | 'disabled'>]?: CSSObject['color'];
                };
            };
            width: {
                [key in CheckboxSize]: CSSObject['width'];
            };
            height: {
                [key in CheckboxSize]: CSSObject['height'];
            };
            strokeWidth: {
                [key in CheckboxSize]: CSSObject['strokeWidth'];
            };
        };
    };
    content: {
        gap: CSSObject['gap'];
        label: {
            color: {
                [key in CheckboxInteractionState]: CSSObject['color'];
            };
            fontSize: {
                [key in CheckboxSize]: CSSObject['fontSize'];
            };
            fontWeight: {
                [key in CheckboxSize]: CSSObject['fontWeight'];
            };
            lineHeight: {
                [key in CheckboxSize]: CSSObject['lineHeight'];
            };
        };
        subtext: {
            color: {
                [key in CheckboxInteractionState]: CSSObject['color'];
            };
            fontSize: {
                [key in CheckboxSize]: CSSObject['fontSize'];
            };
            fontWeight: {
                [key in CheckboxSize]: CSSObject['fontWeight'];
            };
        };
    };
    required: {
        color: CSSObject['color'];
    };
};
export type ResponsiveCheckboxTokens = {
    [key in keyof BreakpointType]: CheckboxTokensType;
};
export declare const getCheckboxTokens: (foundationToken: ThemeType) => ResponsiveCheckboxTokens;
declare const checkboxTokens: ResponsiveCheckboxTokens;
export default checkboxTokens;