import { ReactNode } from 'react';
import { BreadcrumbItem } from '../organisms/Breadcrumb';
import { TabItem } from '../organisms/Tabs';
import { ButtonProps } from '../atoms/Button';
export interface DetailAction {
    label: string;
    onClick: () => void;
    variant?: ButtonProps["variant"];
    icon?: ButtonProps["leftIcon"];
}
export interface DetailPageLayoutProps {
    breadcrumbs: BreadcrumbItem[];
    backButton?: {
        label?: string;
        onClick: () => void;
    };
    heroContent: ReactNode;
    badges?: ReactNode[];
    tags?: string[];
    actions?: DetailAction[];
    /**
     * Optional escape hatch when the page needs richer header actions than the
     * `actions` array supports (e.g. a dropdown menu, custom trigger). When
     * provided, this slot replaces the default action button row entirely.
     */
    actionsSlot?: ReactNode;
    tabs: TabItem[];
    activeTab?: string;
    onTabChange?: (key: string) => void;
    className?: string;
}
export declare function DetailPageLayout({ breadcrumbs, backButton, heroContent, badges, tags, actions, actionsSlot, tabs, activeTab, onTabChange, className, }: DetailPageLayoutProps): import("react").JSX.Element;
//# sourceMappingURL=DetailPageLayout.d.ts.map