import React from 'react';
import { type IconName } from '@quotalab/icons';
import { type qdsTokenProperties } from '@quotalab/style';
import { type InputWithIconWrapperRecipeVariants } from './Input.css';
import { type AsChildProps, type DisabledProps, type ElementProps, type ErrorProps, type FourWaySlotProps } from '../../../types/element/elementProps';
export type InputBaseProps = ElementProps<'input', InputWithIconWrapperRecipeVariants & AsChildProps & ErrorProps & DisabledProps & FourWaySlotProps>;
export type InputProps = InputBaseProps & {
    icon?: IconName;
    iconColor?: keyof typeof qdsTokenProperties.color;
    hasBorder?: boolean;
    outsideWrapperProps?: ElementProps<'div'>;
    insideWrapperProps?: ElementProps<'div'>;
};
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=Input.d.ts.map