import { InputHTMLAttributes } from 'react';
import { Color } from '../../themes/types';
import { ThemeColor } from '../../themes/colors';
import { TooltipComponent } from '../Tooltip/types';
export declare namespace InputComponent {
type InputVariant = 'mini' | 'normal';
type Props = InputHTMLAttributes & {
onClick?: (event: React.MouseEvent) => void;
onChange?: (event: React.ChangeEvent) => void;
disabled?: boolean;
value?: string | number | null;
name?: string;
type?: string;
required?: boolean;
readOnly?: boolean;
label?: string;
errorMessage?: string;
error?: boolean;
id?: string;
helperText?: string;
onBlur?: (e: React.FocusEvent) => void;
onFocus?: (e: React.FocusEvent) => void;
rightSection?: React.ReactNode;
leftSection?: React.ReactNode;
width?: number;
variant?: InputVariant;
tooltipContent?: string;
tooltipPosition?: TooltipComponent.Position;
decimal?: boolean;
labelVisibilityHidden?: boolean;
labelColor?: ThemeColor;
};
type Astrik = {
disabled: boolean;
};
type InputWrapper = {
isFocused?: boolean;
error?: boolean;
disabled?: boolean;
variant?: InputVariant;
};
type SwitchInputWrapperStyles = InputComponent.InputWrapper & {
theme: Color;
};
type SwitchInputStyles = {
theme: Color;
disabled?: boolean;
};
type InputSection = {
paddingRight?: number;
paddingLeft?: number;
};
type InputStyledType = {
variant?: InputVariant;
};
}