import React, { type ReactNode } from 'react';
declare const VARIANT_CLASSNAMES: {
    readonly body: "cop-font-sans";
    readonly display: "cop-font-sans";
    readonly heading: "cop-font-sans";
};
declare const SIZE_CLASSNAMES: {
    readonly '3xs': "cop-text-3xs";
    readonly '2xs': "cop-text-2xs";
    readonly xs: "cop-text-xs";
    readonly sm: "cop-text-sm";
    readonly base: "cop-text-base";
    readonly lg: "cop-text-lg";
    readonly xl: "cop-text-xl";
    readonly '2xl': "cop-text-2xl";
    readonly '3xl': "cop-text-3xl";
    readonly '4xl': "cop-text-4xl";
    readonly '5xl': "cop-text-5xl";
    readonly '6xl': "cop-text-6xl";
};
declare const LEADING_CLASSNAMES: {
    tight: string;
    snug: string;
    normal: string;
    relaxed: string;
    loose: string;
    '8': string;
    '7': string;
    '6': string;
    '5': string;
    '4': string;
    '3': string;
    '2': string;
    '1': string;
    '075': string;
    '050': string;
    '025': string;
};
export type LeadingClassNames = keyof typeof LEADING_CLASSNAMES;
declare const WEIGHT_CLASSNAMES: {
    bold: string;
    semibold: string;
    medium: string;
    regular: string;
    light: string;
};
export type WeightClassNames = keyof typeof WEIGHT_CLASSNAMES;
export declare const Base: ({ children, className, leading, size, variant, tag, weight, ...props }: {
    children: ReactNode;
    className?: string;
    leading: LeadingClassNames;
    size: keyof typeof SIZE_CLASSNAMES;
    variant: keyof typeof VARIANT_CLASSNAMES;
    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
    weight: WeightClassNames;
    /** Used to exclude this component from certain styles in the webapp */
    'data-typography'?: 'heading';
}) => React.JSX.Element;
export {};