import type { ReactNode } from 'react';
import { FieldValues, UseFormReturn } from 'react-hook-form';
import './styles.scss';
export type SelectItem = {
    label: string;
    value: string | number;
};
type DefaultEndAdornmentType = 'close' | 'info';
type Props<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> = {
    attr: string;
    label?: string;
    createdForm: UseFormReturn<TFieldValues, TContext, TTransformedValues>;
    className?: string;
    disabled?: boolean;
    title?: string;
    placeholder?: string;
    options: SelectItem[];
    required?: boolean;
    /** When false, the empty/placeholder option is not rendered. Defaults to true. */
    allowEmpty?: boolean;
    showEndAdornment?: boolean;
    endAdornment?: ReactNode[];
    defaultEndAdornments?: DefaultEndAdornmentType[];
    onRemove?: () => void;
    onChange?: (attr: string, value: any) => void;
    infoText?: string;
};
export default function SelectField<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>({ className, attr, label, createdForm, disabled, title, placeholder, options, required, allowEmpty, endAdornment, defaultEndAdornments, showEndAdornment, onRemove, onChange, infoText, }: Props<TFieldValues, TContext, TTransformedValues>): import("react").JSX.Element;
export {};
