import React from 'react'; import { SelectProps } from '@material-ui/core/Select'; export interface SelectorStyleProps { /** 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 weight of the font of the value and the placeholder */ fontWeight?: any; /** If input is readOnly */ readOnly?: boolean; /** The color of the helper text when not error */ helperTextColor?: string; /** The borderRadius of the input */ borderRadius?: number; /** The padding to the left of the input */ paddingLeft?: number; /** The padding to the right of the input */ paddingRight?: number; /** If custom icon exists and should be displayed */ showIcon?: boolean; } interface RoundedSelectProps extends Omit, SelectorStyleProps { /** children to display in the options */ children?: any; /** Currently selected value */ value: any; /** function called when value changes */ handleUpdate?: (event: React.ChangeEvent<{ name?: string | undefined; value: any; }>, child?: React.ReactNode) => void; /** String to place in the label */ label?: string; /** Minimum width in px of the component */ minWidth?: number; /** The color of the outline when selected and hovered on */ focusColor?: string; /** If outline should be error color */ highlightError?: boolean; /** The helper Text to display */ helperText?: string; /** the margin around the selector */ containerMargin?: string; /** The icon to display */ iconComponent?: any; /** the components ref */ ref?: any; } /** * Generic textfield with apps designs. Is class due to the use in the react-hook-forms library */ declare class RoundedSelect extends React.Component { render(): JSX.Element; } export default RoundedSelect;