import { LabelProps } from '../Label/Label'; import './Select.scss'; export interface Option { label: string; value: string; disabled?: boolean; } export interface SelectProps { /** * Label properties */ labelProps?: LabelProps; /** * Label properties */ variant?: 'default' | 'approved' | 'review' | 'rejected'; /** * If true, Field label will be displayed else it will be hidden */ showLabel?: boolean; /** * Error | If true, error styles are applied */ error?: boolean; /** * Disabled | If true, disabled styles are applied and field becomes non interactive */ disabled?: boolean; /** * showBorder | If true, border will be added to select-box */ showBorder?: boolean; /** * showBorderOnHover | If true, border will be added to select-box on hover */ showBorderOnHover?: boolean; /** * SelectBox classes */ className?: string; /** * If error is true, this message will be displayed */ errorMsg?: string; /** * Options for the dropdown */ options: Option[] | []; /** * Seleceted Option */ selectedOption?: Option; /** * Placeholder | when the field is empty this will be displayed inside select box */ placeholder: string; /** * on change handler */ onChange?: (option: Option) => void; optionZindex?: string | number; } type DrowdownPosition = { posX: number; posY: number; width: number; fromBottom: number; }; export interface DropDownListProps { dropdownPosition: DrowdownPosition; options: Option[] | []; selectedOption?: Option; onOptionClickHandler: (option: Option) => void; onBlurHandler: () => void; optionZindex: string | number; } declare const Select: ({ options, selectedOption, placeholder, labelProps, disabled, className, errorMsg, error, onChange, showLabel, showBorder, showBorderOnHover, optionZindex, variant, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element; export default Select;