import { FunctionComponent, ReactNode } from "react";
import { BadgeProps } from "@bigcommerce/big-design";
/**
 * Props for the BackButton component.
 */
export interface BackButtonProps {
    /** Content to display inside the back button. */
    children?: ReactNode;
    /** Label for the back button. Defaults to "Back". */
    backButtonLabel?: string;
    /** Callback function to handle back button click events. */
    onBackButtonClick?(): void;
}
/**
 * BackButton component displays a button with an arrow icon and a label.
 *
 * @param {BackButtonProps} props - The props for the BackButton component.
 * @returns {JSX.Element} The rendered BackButton component.
 */
export declare const BackButton: FunctionComponent<BackButtonProps>;
/**
 * Props for the Header component.
 */
export interface HeaderProps {
    /** Title to be displayed in the header. */
    headerTitle?: string;
    /** Label for the back button in the header. */
    headerBackButtonLabel?: string;
    /** Callback function to handle back button click events in the header. */
    onHeaderBackButtonClick?(): void;
    /** Call-to-action elements to be displayed in the header. */
    headerCTAs?: ReactNode;
    /** Additional content to be displayed below the header title. */
    children?: ReactNode;
    /** Defines if the header is the main header (H1) or a subheader (H2). */
    isMain?: boolean;
    /** Badge component props to be displayed next to the title. */
    headerBadge?: BadgeProps;
    /** Icon to be displayed next to the header title. */
    headerIcon?: ReactNode;
}
/**
 * Header component displays a title, optional back button, badge, and additional content.
 *
 * @param {HeaderProps} props - The props for the Header component.
 * @returns {JSX.Element} The rendered Header component.
 */
export declare const Header: FunctionComponent<HeaderProps>;