import { Typography } from '@c-fo/design-tokens';
import { Color } from '@c-fo/design-tokens/light';
import React from 'react';
import { FontColor } from '../../areas/IndexList';
type DisplayType = 'block' | 'inline' | 'inline-block';
declare const textColorMap: {
    readonly emphasis: string;
    readonly default: string;
    readonly muted: string;
    readonly subtle: string;
    readonly whispered: string;
    readonly alert: string;
    readonly notice: string;
    readonly link: string;
};
declare const vibesFontColorMap: {
    readonly black: string;
    readonly burnt: string;
    readonly link: string;
    readonly alert: string;
    readonly notice: string;
    readonly white: string;
    readonly GY7: string;
    readonly S9: string;
    readonly P10: string;
    readonly P7: string;
    readonly P5: string;
    readonly RE5: string;
    readonly YE10: string;
    readonly inherit: "inherit";
};
export declare const Text: ({ children, display, color, fontFamily, fontSize, fontWeight, lineHeight, ...props }: {
    children: React.ReactNode;
    display?: DisplayType | undefined;
    color?: "default" | "white" | "muted" | "emphasis" | FontColor | "subtle" | "whispered" | "P10" | undefined;
    fontFamily?: "default" | "monospace" | undefined;
    fontSize?: "s" | "2xs" | "xs" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
    fontWeight?: "bold" | "default" | undefined;
    lineHeight?: "default" | "dense" | "comfort" | undefined;
    'data-testid'?: string | undefined;
}) => JSX.Element;
export {};