import { ComponentProps } from 'react';

export type TypographyProps = ComponentProps<"p"> & {
    variant?: "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-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: {
        "heading-xl": string;
        "heading-lg": string;
        "heading-md": string;
        "heading-sm": string;
        "heading-xs": string;
        "body-base": string;
        "body-sm": string;
        label: string;
    };
}
export { Typography };
