export declare function getClassNames(): import("@fluentui/merge-styles").IProcessedStyleSet<{
    containerStep: {
        margin: string;
    };
    wrapperStep: {
        position: string;
    };
    accordion: {
        position: string;
        backgroundColor: string;
        marginBottom: string;
        selectors: {
            '& hr': {
                margin: number;
                border: string;
                borderWidth: string;
                color: string;
            };
        };
    };
    content: {
        backgroundColor: string;
        padding: string;
        selectors: {
            '&:focus': {
                background: string;
            };
        };
    };
    heading: {
        fontSize: string;
        margin: string;
    };
    stepNumber: {
        display: string;
        alignItems: string;
        justifyContent: string;
        backgroundColor: string;
        border: string;
        width: string;
        height: string;
        borderRadius: string;
        borderWidth: string;
        borderColor: string;
        fontSize: string;
        fontWeight: string;
        zIndex: number;
        marginTop: string;
        selectors: {
            [x: string]: {
                fontSize: string;
                width: string;
                height: string;
            };
        };
    };
    stepLine: {
        display: string;
        position: string;
        width: number;
        backgroundColor: string;
        top: string;
        left: string;
        height: string;
        selectors: {
            [x: string]: {
                top: string;
                left: string;
                marginLeft: number;
            };
        };
    };
    toggleButton: {
        width: string;
        border: string;
        textAlign: string;
        color: string;
        fontSize: string;
        fontWeight: string;
        padding: string;
        background: string;
        position: string;
        cursor: string;
        marginTop: number;
        marginBottom: number;
        selectors: {
            [x: string]: {
                fontSize: string;
                background?: undefined;
                outline?: undefined;
                margin?: undefined;
                alignSelf?: undefined;
                transition?: undefined;
                marginTop?: undefined;
                selectors?: undefined;
            } | {
                background: string;
                fontSize?: undefined;
                outline?: undefined;
                margin?: undefined;
                alignSelf?: undefined;
                transition?: undefined;
                marginTop?: undefined;
                selectors?: undefined;
            } | {
                outline: string;
                fontSize?: undefined;
                background?: undefined;
                margin?: undefined;
                alignSelf?: undefined;
                transition?: undefined;
                marginTop?: undefined;
                selectors?: undefined;
            } | {
                fontSize: string;
                margin: string;
                background?: undefined;
                outline?: undefined;
                alignSelf?: undefined;
                transition?: undefined;
                marginTop?: undefined;
                selectors?: undefined;
            } | {
                alignSelf: string;
                transition: string;
                marginTop: string;
                fontSize: string;
                selectors: {
                    '@media (min-width: 640px)': {
                        fontSize: string;
                    };
                };
                background?: undefined;
                outline?: undefined;
                margin?: undefined;
            };
            '&:hover, &:focus': {
                background: string;
            };
            '&:focus': {
                outline: string;
            };
            '& h1, h2, h3, h4, h5, h6': {
                fontSize: string;
                margin: string;
            };
            '& i': {
                alignSelf: string;
                transition: string;
                marginTop: string;
                fontSize: string;
                selectors: {
                    '@media (min-width: 640px)': {
                        fontSize: string;
                    };
                };
            };
        };
    };
    toggleButtonOpen: {
        selectors: {
            '& i': {
                transform: string;
            };
        };
    };
    toggleButtonContent: {
        display: string;
        flexDirection: string;
        justifyContent: string;
        alignItems: string;
    };
    subtitle: {
        display: string;
        color: string;
        width: string;
        border: string;
        textAlign: string;
        fontSize: string;
        fontWeight: string;
        margin: number;
        padding: string;
    };
}>;