import { SelectBox } from '@c-fo/vibes';
import { ComponentProps } from 'react';
import { RecordElementErrorType, RecordElementPreviewFormatType } from '../shared/types';
import { RecordSelectBoxElementChoiceType } from './types';
export declare const ChoiceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export declare const SelectBoxForm: <V>({ id, value, choices, name, nullOption, previewFormat, error, onChange, onBlur, isEditing, width, required, }: {
    id?: string | undefined;
    value: V;
    choices: RecordSelectBoxElementChoiceType<V>[];
    name: string;
    nullOption?: {
        hidden?: boolean | undefined;
    } | undefined;
    previewFormat?: RecordElementPreviewFormatType<V> | undefined;
    error?: RecordElementErrorType | undefined;
    onChange?: ((choice: RecordSelectBoxElementChoiceType<V>) => void) | undefined;
    onBlur?: (() => void) | undefined;
    isEditing: boolean;
    width?: ComponentProps<typeof SelectBox>['width'];
    required?: boolean | undefined;
}) => JSX.Element;