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

type InputElementProps = InputElementProps$1;
/**
 * Places an element inside the left side of an input field.
 *
 * Must be used inside of an `InputGroup` component, and before the `Input` component.
 *
 * ```tsx
 * <FormControl>
 *   <InputGroup>
 *     <InputLeftElement>🔎</InputLeftElement>
 *     <Input label="Search" />
 *   </InputGroup>
 * </FormControl>
 * ```
 */
declare const InputLeftElement: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", InputElementProps$1>;
/**
 * Places an element inside the right side of an input field.
 *
 * Must be used inside of an `InputGroup` component, and after the `Input` component.
 *
 * ```tsx
 * <FormControl>
 *   <InputGroup>
 *     <Input label="Search" />
 *     <InputRightElement>🔎</InputRightElement>
 *   </InputGroup>
 * </FormControl>
 * ```
 */
declare const InputRightElement: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", InputElementProps$1>;

export { InputElementProps, InputLeftElement, InputRightElement };