import React from 'react'; import { TextFieldProps } from '@material-ui/core'; interface StyleProps { /** The color of the outline when selected and hovered on */ focusColor?: string; /** The color of the outline when it is not selected */ outlineColor?: string; /** The color of the background */ backgroundColor?: string; /** The color of the error to display */ errorColor?: string; /** If the style should change on hover */ cantEdit?: boolean; /** The hight of the container */ height?: string; /** The color of the text in the form */ color?: string; /** The fontsize of the content */ fontSize?: string; /** The borderRadius of the input */ borderRadius?: number; /** If input is readOnly */ readOnly?: boolean; /** The weight of the font of the value and the placeholder */ fontWeight?: number | string; /** The color of the helper text when not error */ helperTextColor?: string; /** If custom icon exists and should be displayed */ showIcon?: boolean; /** If the selector is completely hidden */ hidden?: boolean; } export interface RoundedSmartSelectProps extends Omit, StyleProps { /** Currently selected value */ value: any; /** The array of options to display */ options?: any[]; /** If the input is loading */ loading?: boolean; /** function called when value changes */ handleUpdate?: (value: any) => void; /** Strig to place in the label */ label: string; /** The helper Text to display */ helperText?: string; /** The margin around the selector */ containerMargin?: string; /** The icon to display */ icon?: React.ReactNode; /** If the options are searchable */ searchable?: boolean; /** If can create new option */ creatable?: boolean; /** Function to determine the currently selected option */ getOptionSelected?: (option: any, value: any) => boolean; /** Function to determine the current value in string format */ getValueString?: (value: any) => string; /** Function called on each value change */ changeListener?: (value: any) => void; onFocus?: any; } export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, changeListener, error, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, searchable, containerMargin, showIcon, inputRef, disabled, hidden, creatable, onBlur, name, onFocus, }: RoundedSmartSelectProps): JSX.Element; export {};