import type { ComponentProps, CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
import type { BaseFormComponentProps } from '../../types';
import { Row } from '../Row';
import { SelectInput } from '../SelectInput';
import type { OptionType } from '../SelectInput/types';
type UnitInputValue = {
    inputValue: number;
    unit: string;
};
type UnitInputProps = BaseFormComponentProps<HTMLInputElement> & {
    max?: number;
    min?: number;
    value?: UnitInputValue['inputValue'];
    unitValue?: UnitInputValue['unit'];
    onChange?: (value: UnitInputValue['inputValue']) => void;
    onChangeUnitValue?: (values: string) => void;
    options: OptionType[];
    selectInputWidth?: number | string;
    size?: 'small' | 'medium' | 'large';
    unitError?: string;
    width?: CSSProperties['width'];
    maxWidth?: CSSProperties['maxWidth'];
    placeholderUnit?: string;
    error?: boolean | string;
    success?: boolean | string;
    labelInformation?: ReactNode;
    step?: number | string;
    dropdownAlign?: ComponentProps<typeof SelectInput>['dropdownAlign'];
    templateColumns?: ComponentProps<typeof Row>['templateColumns'];
} & Pick<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'readOnly'>;
export declare function UnitInput({ id, name, max, min, autoFocus, size, placeholder, placeholderUnit, onChange, onChangeUnitValue, value, unitValue, selectInputWidth, disabled, options, className, label, step, error, required, helper, unitError, success, 'data-testid': dataTestId, width, maxWidth, labelInformation, readOnly, onFocus, onBlur, onKeyDown, dropdownAlign, templateColumns, style, 'aria-describedby': ariaDescribedBy, }: UnitInputProps): import("react").JSX.Element;
export declare namespace UnitInput {
    var displayName: string;
}
export {};
//# sourceMappingURL=index.d.ts.map