import { SkeletonInjected } from '../../composables/useSkeletonState.js';
export type OnyxHeadlineProps = {
    /**
     * Semantical headline type. Should match the page hierarchy and should not skip hierarchies (e.g. h2 should be followed by h3 etc.).
     */
    is: HeadlineType;
    /**
     * Visual size of the headline (h1-h6). Will default to but can be different from the semantical `is` property.
     * Please note that only h1-h4 are intended to be used from UX perspective, h5 and h6 will have the same styles as h4.
     */
    showAs?: Exclude<HeadlineType, "h5" | "h6">;
    /**
     * Unique headline hash/ID (without "#") that is used to show a "#" icon on hover. Makes the headline clickable and a URL that points to this headline
     * is copied to the users clipboard. Will be automatically normalized when containing non URL-safe characters.
     *
     * @example "about-us"
     */
    hash?: string;
    /**
     * Whether to show a skeleton headline.
     */
    skeleton?: SkeletonInjected;
};
export declare const HEADLINE_TYPES: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
export type HeadlineType = (typeof HEADLINE_TYPES)[number];