import { default as React, ReactNode } from 'react';
import { BaseProps } from '../../../libraries/common-types/src/common-types';
import { ColorScheme } from '../../../libraries/theme/src/theme';
export type { HeroBannerMediaProps } from './hero-banner-media';
export declare const TitleHyphenVariant: {
    readonly default: "default";
    readonly enabled: "enabled";
    readonly disabled: "disabled";
};
export type TitleHyphens = (typeof TitleHyphenVariant)[keyof typeof TitleHyphenVariant];
export type HeroBannerProps = BaseProps & {
    /**
     * Custom content slot
     * Add your CTAs here with <HeroBanner.CTAs> component
     */
    children?: ReactNode;
    /**
     * Breadcrumbs: <br/>
     *  - Slot for your Breadcrumbs component
     */
    breadcrumbs?: ReactNode;
    forceColorScheme?: ColorScheme;
    /**
     * Content to display before the main heading
     */
    beforeTitle?: ReactNode;
    /**
     * Main heading of the component
     */
    title: string;
    /**
     * Main heading tag
     */
    titleTag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
    titleHyphens?: TitleHyphens;
    /**
     * Preamble text
     */
    preamble?: string;
    /**
     * Additional text under the CTAs, recommended to limit element to simple text with text decorations
     */
    additionalText?: ReactNode;
    /**
     * <HeroBanner.Media /> component (images and videos)
     */
    media?: ReactNode;
};
export declare const HeroBanner: {
    ({ children, className, breadcrumbs, forceColorScheme, beforeTitle, title, titleTag, titleHyphens, preamble, additionalText, media, ...props }: HeroBannerProps): React.JSX.Element;
    displayName: string;
    Media: ({ children, isPlaying, togglePausePlay, videoPauseAriaLabel, videoPlayAriaLabel, className, ...props }: import('./hero-banner-media').HeroBannerMediaProps) => false | "" | 0 | 0n | React.JSX.Element | null | undefined;
    Actions: ({ children, className, ...props }: Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
        [key: `data-${string}`]: string | undefined;
    }, "children"> & {
        children: ReactNode;
    }) => React.JSX.Element;
};
//# sourceMappingURL=hero-banner.d.ts.map