import * as React from 'react';
export declare const WIZARD_TYPE_SELECTION_PREVIEW_FRAME_CLASS = "twa:flex twa:w-full twa:min-h-[32px] twa:items-center twa:justify-center twa:overflow-hidden twa:rounded-standard twa:border twa:border-[color-mix(in_srgb,var(--ab-color-foreground)_15%,transparent)] twa:bg-[color-mix(in_srgb,var(--ab-color-primary)_35%,transparent)] twa:px-2 twa:py-1";
export declare const getWizardTypeSelectionGridColumns: (choiceCount: number) => 2 | 3;
export type WizardTypeSelectionCardProps = {
    label: string;
    description?: string;
    selected: boolean;
    disabled?: boolean;
    disabledTooltip?: string;
    dataName: string;
    minHeightClassName?: string;
    onSelect: () => void;
    children?: React.ReactNode;
    footer?: React.ReactNode;
};
export declare const WizardTypeSelectionCard: React.FunctionComponent<WizardTypeSelectionCardProps>;
export type WizardTypeSelectionSectionProps = {
    headingId: string;
    title: string;
    intro: React.ReactNode;
    columns: 2 | 3;
    dataName?: string;
    className?: string;
    children: React.ReactNode;
};
export declare const WizardTypeSelectionSection: React.FunctionComponent<WizardTypeSelectionSectionProps>;
export type WizardNameFieldSectionProps = {
    value: string;
    onChange: (event: React.SyntheticEvent) => void;
    inputDataName?: string;
    placeholder?: string;
};
export declare const WizardNameFieldSection: React.FunctionComponent<WizardNameFieldSectionProps>;
export declare const WizardTypeSelectionPreviewFrame: React.FunctionComponent<React.PropsWithChildren>;