import { CSSObject } from 'styled-components';
import { TooltipSize } from './types';
import { FoundationTokenType } from '../../tokens/theme.token';
import { BreakpointType } from '../../breakpoints/breakPoints';
/**
 * Tooltip Tokens following the pattern: [target].CSSProp.[size]
 *
 * Structure:
 * - target:  text (defines what element the token applies to)
 * - CSSProp: background | borderRadius | maxWidth | padding | gap | color | fontWeight | fontSize | lineHeight
 * - size: sm | lg (tooltip size)
 *
 * Notes:
 * - Size-independent properties: background, text.color
 * - Size-dependent properties: borderRadius, maxWidth, padding, gap, text.fontWeight, text.fontSize, text.lineHeight
 */
export type TooltipTokensType = {
    background: CSSObject['backgroundColor'];
    borderRadius: {
        [key in TooltipSize]: CSSObject['borderRadius'];
    };
    maxWidth: {
        [key in TooltipSize]: CSSObject['maxWidth'];
    };
    padding: {
        [key in TooltipSize]: CSSObject['padding'];
    };
    gap: {
        [key in TooltipSize]: CSSObject['gap'];
    };
    text: {
        color: CSSObject['color'];
        fontWeight: {
            [key in TooltipSize]: CSSObject['fontWeight'];
        };
        fontSize: {
            [key in TooltipSize]: CSSObject['fontSize'];
        };
        lineHeight: {
            [key in TooltipSize]: CSSObject['lineHeight'];
        };
    };
};
export type ResponsiveTooltipTokens = {
    [key in keyof BreakpointType]: TooltipTokensType;
};
export declare const getTooltipTokens: (foundationToken: FoundationTokenType) => ResponsiveTooltipTokens;