import { Theme } from '../../../context/theme.enum';
import { FoundationTokenType } from '../../../tokens/theme.token';
import { TableTokenType } from '../dataTable.tokens';
export type PivotModalStyleTokens = {
    modal: {
        minWidth: string;
        maxWidth: string;
        maxHeight: string;
        bodyPadding: string;
        bodyGap: string;
    };
    rightPanel: {
        width: string;
        padding: string;
        background: string;
        border: string;
        borderRadius: string;
    };
    shell: {
        display: 'grid';
        gridTemplateColumns: string;
        height: string;
        overflow: 'hidden';
    };
    layout: {
        wideDesktopMinWidth: number;
        wideDesktopColumns: string;
        fallbackColumns: string;
    };
    panelPadding: string;
    configPanelBackground: string;
    previewPanelBackground: string;
    text: {
        sectionTitle: {
            fontSize: string;
            fontWeight: number;
            color: string;
        };
        fieldLabel: {
            fontSize: string;
            fontWeight: number;
            color: string;
        };
        checkboxLabel: {
            fontSize: string;
            color: string;
        };
    };
    spacing: {
        sectionGap: string;
        builderIntroGap: string;
        stackGap: string;
        controlsRowGap: string;
        iconBadgeGap: string;
        sectionHeaderMarginBottom: string;
    };
    dropZone: {
        emptyMinHeight: string;
        padding: string;
        borderRadius: string;
        border: string;
        background: string;
    };
    chip: {
        borderRadius: string;
        padding: string;
        hoverShadow: string;
        hoverTranslateY: string;
        transition: string;
    };
    iconBadge: {
        size: string;
        borderRadius: string;
        glyphFontSize: string | number;
        glyphFontWeight: number;
    };
    sectionLabel: {
        fontWeight: number;
        fontSize: string | number;
        textTransform: 'uppercase';
        letterSpacing: string;
    };
    sectionCount: {
        fontSize: string | number;
        color: string;
    };
    emptyState: {
        titleFontSize: string | number;
        titleColor: string;
        exampleFontSize: string | number;
        exampleColor: string;
        padding: string;
        titleMarginBottom: string;
    };
    fieldRowLabel: {
        fontSize: string | number;
        color: string;
        marginBottom: string;
    };
    removeButton: {
        minWidth: string;
        padding: string;
        borderRadius: string;
        border: string;
        background: string;
        hoverBackground: string;
        iconColor: string;
        iconSize: number;
    };
    menuCheckIconSize: number;
    preview: {
        headerMarginBottom: string;
        titleFontWeight: number;
        titleFontSize: string | number;
        titleMarginBottom: string;
        metaFontSize: string;
    };
    bodyLineHeight: string;
};
/**
 * Layout and typography for the pivot modal, derived from foundation tokens + responsive table tokens.
 * Section chips use `colors.primary` only (see color.tokens).
 */
export declare const getPivotModalStyleTokens: (f: FoundationTokenType, tableToken: TableTokenType, theme?: Theme | string) => PivotModalStyleTokens;