import { CSSObject } from 'styled-components';
import { FoundationTokenType } from '../../tokens/theme.token';
import { BreakpointType } from '../../breakpoints/breakPoints';
export type BreadcrumbState = 'default' | 'hover' | 'active';
/**
 * Breadcrumb Tokens following the pattern: [target].CSSProp.[state]
 *
 * Structure:
 * - target: container | item | separator (defines what element the token applies to)
 * - CSSProp: height | padding | gap | fontSize | fontWeight | color | background
 * - state: active | inactive (breadcrumb item state)
 *
 * Pattern examples:
 * - container.height
 * - container.padding
 * - container.gap
 * - item.padding
 * - item.gap
 * - item.text.fontSize.[state]
 * - item.text.fontWeight.[state]
 * - item.text.color.[state]
 * - item.background.[state]
 */
export type BreadcrumbTokenType = {
    gap: CSSObject['gap'];
    item: {
        padding: CSSObject['padding'];
        gap: CSSObject['gap'];
        text: {
            fontSize: CSSObject['fontSize'];
            fontWeight: CSSObject['fontWeight'];
            color: {
                [key in BreadcrumbState]: CSSObject['color'];
            };
        };
    };
};
export type ResponsiveBreadcrumbTokens = {
    [key in keyof BreakpointType]: BreadcrumbTokenType;
};
export declare const getBreadcrumbTokens: (foundationToken: FoundationTokenType) => ResponsiveBreadcrumbTokens;