import * as React from 'react';
/**
 * Input component props
 */
export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
/**
 * Input component - Styled text input field
 *
 * A flexible input component with consistent styling using semantic tokens.
 * Supports all native HTML input attributes including type, placeholder, disabled, etc.
 *
 * @example Basic usage
 * ```tsx
 * <Input type="text" placeholder="Enter your name" />
 * ```
 *
 * @example With React Hook Form
 * ```tsx
 * <FormField
 *   control={form.control}
 *   name="email"
 *   render={({ field }) => (
 *     <FormItem>
 *       <FormLabel>Email</FormLabel>
 *       <FormControl>
 *         <Input type="email" placeholder="you@example.com" {...field} />
 *       </FormControl>
 *       <FormMessage />
 *     </FormItem>
 *   )}
 * />
 * ```
 *
 * @example Different input types
 * ```tsx
 * <Input type="password" placeholder="Enter password" />
 * <Input type="number" min={0} max={100} />
 * <Input type="date" />
 * <Input type="file" accept="image/*" />
 * ```
 */
export declare function Input({ ref, className, type, ...props }: InputProps & {
    ref?: React.Ref<HTMLInputElement>;
}): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Input.d.ts.map