import { PropType } from 'vue';
import { ChoiceCardColumns, ChoiceStep, ChoiceStepLabelFormatter } from './types';
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<{
        /**
         * Replaces the default `<h3>` title. Whatever it renders names the card and its option
         * list, so keep the question in it.
         */
        header?: (props: {
            step: ChoiceStep;
            stepIndex: number;
            total: number;
        }) => any;
    }> & {
        /**
         * Replaces the default `<h3>` title. Whatever it renders names the card and its option
         * list, so keep the question in it.
         */
        header?: (props: {
            step: ChoiceStep;
            stepIndex: number;
            total: number;
        }) => any;
    };
    refs: {
        prevRef: HTMLButtonElement;
        nextRef: HTMLButtonElement;
        listRef: HTMLUListElement;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    steps: {
        type: PropType<ChoiceStep[]>;
        required: true;
    };
    step: {
        type: NumberConstructor;
        default: undefined;
    };
    selected: {
        type: StringConstructor;
        default: undefined;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    loadingRows: {
        type: NumberConstructor;
        default: number;
    };
    columns: {
        type: PropType<ChoiceCardColumns>;
        default: number;
    };
    appear: {
        type: BooleanConstructor;
        default: boolean;
    };
    prevLabel: {
        type: StringConstructor;
        default: string;
    };
    nextLabel: {
        type: StringConstructor;
        default: string;
    };
    stepLabel: {
        type: PropType<ChoiceStepLabelFormatter>;
        default: (current: number, total: number) => string;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    select: (payload: import('./types').ChoiceSelectPayload) => any;
    "update:step": (index: number) => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    steps: {
        type: PropType<ChoiceStep[]>;
        required: true;
    };
    step: {
        type: NumberConstructor;
        default: undefined;
    };
    selected: {
        type: StringConstructor;
        default: undefined;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    loadingRows: {
        type: NumberConstructor;
        default: number;
    };
    columns: {
        type: PropType<ChoiceCardColumns>;
        default: number;
    };
    appear: {
        type: BooleanConstructor;
        default: boolean;
    };
    prevLabel: {
        type: StringConstructor;
        default: string;
    };
    nextLabel: {
        type: StringConstructor;
        default: string;
    };
    stepLabel: {
        type: PropType<ChoiceStepLabelFormatter>;
        default: (current: number, total: number) => string;
    };
}>> & Readonly<{
    onSelect?: ((payload: import('./types').ChoiceSelectPayload) => any) | undefined;
    "onUpdate:step"?: ((index: number) => any) | undefined;
}>, {
    loading: boolean;
    selected: string;
    appear: boolean;
    nextLabel: string;
    prevLabel: string;
    step: number;
    columns: ChoiceCardColumns;
    loadingRows: number;
    stepLabel: ChoiceStepLabelFormatter;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    prevRef: HTMLButtonElement;
    nextRef: HTMLButtonElement;
    listRef: HTMLUListElement;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};