import { CSSObject } from 'styled-components';
import { FoundationTokenType } from '../../tokens/theme.token';
import { BreakpointType } from '../../breakpoints/breakPoints';
import { StepState } from './types';
export type StepperState = 'default' | 'hover' | 'focus' | 'disabled';
export type StepperTokensType = {
    container: {
        default: {
            gap: CSSObject['gap'];
        };
    };
    step: {
        circle: {
            [key in StepState]: {
                [key in StepperState]: {
                    backgroundColor: CSSObject['backgroundColor'];
                    borderColor: CSSObject['borderColor'];
                    borderWidth: CSSObject['borderWidth'];
                    borderRadius: CSSObject['borderRadius'];
                    size: CSSObject['width'];
                    transition: CSSObject['transition'];
                    outline: CSSObject['outline'];
                    outlineOffset: CSSObject['outlineOffset'];
                };
            };
        };
        icon: {
            [key in StepState]: {
                [key in StepperState]: {
                    color: CSSObject['color'];
                };
            };
        };
    };
    connector: {
        line: {
            active: {
                default: {
                    color: CSSObject['color'];
                    height: CSSObject['height'];
                };
            };
            inactive: {
                default: {
                    color: CSSObject['color'];
                    height: CSSObject['height'];
                };
            };
        };
    };
    title: {
        text: {
            [key in StepState]: {
                [key in StepperState]: {
                    color: CSSObject['color'];
                    fontSize: CSSObject['fontSize'];
                    fontWeight: CSSObject['fontWeight'];
                    gap: CSSObject['gap'];
                };
            };
        };
    };
};
export type ResponsiveStepperTokens = {
    [key in keyof BreakpointType]: StepperTokensType;
};
export declare const getStepperTokens: (foundationToken: FoundationTokenType) => ResponsiveStepperTokens;