import { ComponentProps } from 'react';

export type TypographyProps = ComponentProps<"p"> & {
    variant?: "header-xl" | "header-lg" | "header-md" | "header-sm" | "header-xs" | "body-base" | "body-sm" | "label";
};
/**
 * Typography component as defined in the [NDI Foundation Styles](https://www.figma.com/design/GAUHP88uShhyadfBuEhJrz/[NDI-Web]-Foundation-Styles). These styles are responsive to the screen size
 */
declare function Typography({ className, variant, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
declare namespace Typography {
    var classNames: {
        "header-xl": string;
        "header-lg": string;
        "header-md": string;
        "header-sm": string;
        "header-xs": string;
        "body-base": string;
        "body-sm": string;
        label: string;
    };
}
export { Typography };
