import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
import { InputProps as InputProps$1 } from '@chakra-ui/react';
import React from 'react';

type InputProps = Exclude<InputProps$1, "variant" | "size"> & {
    /** The input's label */
    label: string;
    /** Icon that shows up to the left */
    leftIcon?: React.ReactNode;
    /** Icon that shows up to the right */
    rightIcon?: React.ReactNode;
};
/**
 * Inputs let you enter text or other data.
 *
 * You need to specify the label as a prop, since it doubles as the placeholder.
 *
 * ```tsx
 * <Input label="E-mail" />
 * ```
 *
 * You can also add icons to the left and right of the input. Please use the 24 px icons for this.
 *
 * ```tsx
 * <Input label="E-mail" leftIcon={<EmailOutline24Icon />} />
 * ```
 */
declare const Input: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", InputProps>;

export { Input, InputProps };