export type DensitySizes = "default" | "compact";
export declare const HeaderLevels: ["h1", "h2", "h3", "h4", "h5", "h6"];
export type HeaderLevels = (typeof HeaderLevels)[number];
export interface DensityTextProps {
    density?: DensitySizes;
}
export declare const TextContainer: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "div">;
/**
Display is reserved for the title of a screen. Display style is the largest text on the screen, reserved for short, important text or numerals.
*/
export declare const DisplayText: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "h1">;
/**
Overline is a title text of a smaller size than headlines in general. Overlines typically run above a headline or as a emphasized text that are designed to introduce or highlight the matter of a section or situation.
*/
export declare const OverlineText: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "div">;
/**
 Headline are smaller than display. Headline should be used for titling a top-level sections of a screen.
 */
export declare const Headline: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "h2">;
/**
 Subtitle are smaller than headline and should be used for titling subsections of top-level section.
 */
export declare const Subtitle: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "h3">;
/**
A lead is an opening paragraph that gives the reader the most important information of the article (often answers “what”, “where” and “when” of the story) while still maintaining the readers' interest.

The lead paragraph should be not be longer than a single sentence, containing no more than 30 words.
 */
export declare const LeadText: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "p">;
/**
Link is a Body style used for links. Accepts the same props as the element it renders, by default an anchor tag.
*/
export declare const Link: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "a">;
/** Description text provides explanatory information
as a smaller body text. */
export declare const Description: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "div">;
/**
Label are a small style used for text inside of components or supporting text in the content body, like captions.
*/
export declare const LabelText: import("@gnist/component-utils").VanillaRecipeComponent<import("react").ElementType, "div", import("@gnist/component-utils").VariantSelection<{
    density: {
        default: string;
        compact: string;
    };
}>>;
/**
Action style are used for action-triggering texts such as in buttons, tabs and dialogs.
*/
export declare const ActionText: import("@gnist/component-utils").VanillaRecipeComponent<import("react").ElementType, "div", import("@gnist/component-utils").VariantSelection<{
    density: {
        default: string;
        compact: string;
    };
}>>;
/**
Notice is an emphasized text that are used to highlight a status, state or the matter of a situation.
*/
export declare const NoticeText: import("@gnist/component-utils").VanillaRecipeComponent<import("react").ElementType, "div", import("@gnist/component-utils").VariantSelection<{
    density: {
        default: string;
        compact: string;
    };
}>>;
//# sourceMappingURL=index.d.ts.map