import { ReactNode } from 'react';
import { BadgeProps } from '../Badge';
import { PageHeadingToolbarProps } from './PageHeadingToolbar';
export interface PageHeadingProps {
    /**
     * Main page title wrapped in a h1 element
     */
    title: ReactNode;
    /**
     * A short text that helps to describe the page
     */
    description?: ReactNode;
    /**
     * If `true` removes element vertical paddings
     */
    gap?: "none" | "only-top" | "only-bottom" | "both";
    /**
     * When set, it will render a badge (default as warning variant)
     */
    badge?: {
        label: string;
        /**  @default warning-solid  */
        variant?: BadgeProps["variant"];
    };
    /**
     * When set, it will render a navigation (eg: go back) button on the left side of the first row
     */
    navigationButton?: {
        label: string;
        onClick: () => void;
        /**
         * Button icon
         * @default arrowLeft
         */
        icon?: "x" | "arrowLeft";
    };
    /**
     * When set, it will render a proper toolbar on the right side of the first row
     */
    toolbar?: PageHeadingToolbarProps;
}
declare const PageHeading: import('../SkeletonTemplate').SkeletonTemplateComponent<{
    title: ReactNode;
    description?: ReactNode;
    gap?: "none" | "only-top" | "only-bottom" | "both"
    /**
     * When set, it will render a badge (default as warning variant)
     */
     | undefined;
    badge?: {
        label: string;
        /**  @default warning-solid  */
        variant?: BadgeProps["variant"];
    }
    /**
     * When set, it will render a navigation (eg: go back) button on the left side of the first row
     */
     | undefined;
    navigationButton?: {
        label: string;
        onClick: () => void;
        /**
         * Button icon
         * @default arrowLeft
         */
        icon?: "x" | "arrowLeft";
    }
    /**
     * When set, it will render a proper toolbar on the right side of the first row
     */
     | undefined;
    toolbar?: PageHeadingToolbarProps | undefined;
    delayMs?: number | undefined;
    isLoading?: boolean | undefined;
}>;
export { PageHeading };