import React, { FC, CSSProperties, ReactNode } from 'react'; export interface IFOrmikUiSelectOption { label: string; value: string | number; } export interface IFOrmikUiSelectProps { /** Sets the Name of the Select Field */ name: string; /** Array in the shape of [ { value: string or number, label: string } ] */ options: IFOrmikUiSelectOption[]; /** Adds a custom class to the select element of the Select component */ className: string; /** Adds a custom inline styles to the select element */ style?: CSSProperties; /** Disables the Select Field */ disabled?: boolean; /** Sets an Id for the Select Field, if not passed, the id will be the name */ id: string; /** Sets the main Label for the Select Field */ label?: ReactNode; /** Sets a Placeholder as the first option with no value */ placeholder?: string; /** Sets a hint text after/below the Select component */ hint?: ReactNode; /** Sets the field as requierd, if label is passed, an * is added to the end of the main label. Validation will only work if you pass the required() method in the yup validation schema */ required?: boolean; /** Allowes multiple selection */ multiple?: boolean; } export declare const Select: FC; declare const _default: React.ElementType; export default _default;