import { type IconName } from './Icon';
import { type ReactNode, type Ref } from 'react';
export type IInkDialogProps = {
    visible: boolean;
    width?: number;
    closeButton?: boolean;
    labelledBy?: string;
    describedBy?: string;
    onClose: () => void;
    children?: ReactNode;
};
export declare const InkDialog: import("react").MemoExoticComponent<(props: IInkDialogProps) => import("react").JSX.Element>;
export type IInkDialogIntroProps = {
    kicker?: string;
    title: string;
    subtitle?: string;
    titleId?: string;
    subtitleId?: string;
};
export declare const InkDialogIntro: import("react").MemoExoticComponent<(props: IInkDialogIntroProps) => import("react").JSX.Element>;
export type IInkDialogChoicesProps = {
    children?: ReactNode;
};
export declare const InkDialogChoices: import("react").MemoExoticComponent<(props: IInkDialogChoicesProps) => import("react").JSX.Element>;
export type IInkDialogChoiceProps = {
    icon: IconName;
    name: string;
    hint?: string;
    emphasis?: boolean;
    buttonRef?: Ref<HTMLButtonElement>;
    onClick: () => void;
};
export declare const InkDialogChoice: import("react").MemoExoticComponent<(props: IInkDialogChoiceProps) => import("react").JSX.Element>;
export type IInkDialogFooterProps = {
    children?: ReactNode;
};
export declare const InkDialogFooter: import("react").MemoExoticComponent<(props: IInkDialogFooterProps) => import("react").JSX.Element>;