import { ReactNode } from 'react';
export interface PagePurposeProps {
    /** What this page is for / the use-case, in one or two sentences. */
    children: ReactNode;
    /** Optional leading icon. */
    icon?: ReactNode;
    /** Optional "Learn more" link. */
    learnMoreHref?: string;
    learnMoreLabel?: string;
    className?: string;
}
export declare function PagePurpose({ children, icon, learnMoreHref, learnMoreLabel, className, }: PagePurposeProps): import("react/jsx-runtime").JSX.Element;
export declare namespace PagePurpose {
    var displayName: string;
}
export interface NextStep {
    id: string;
    label: string;
    description?: string;
    icon?: ReactNode;
    onClick?: () => void;
    href?: string;
    /** Mark a step as already completed (shown checked, de-emphasised). */
    done?: boolean;
}
export interface NextStepsProps {
    steps: NextStep[];
    title?: string;
    /** Persist the dismissed state per page (localStorage key suffix). */
    storageKey: string;
    className?: string;
}
export declare function NextSteps({ steps, title, storageKey, className, }: NextStepsProps): import("react/jsx-runtime").JSX.Element | null;
export declare namespace NextSteps {
    var displayName: string;
}
//# sourceMappingURL=guidance.d.ts.map