import { ImagePickerProps } from './types/ImagePicker.props.ts';
import { NamedExoticComponent } from 'react';
/**
 * A controlled or uncontrolled single-image picker, designed first for
 * profile pictures. The preview is the button that opens the native chooser.
 * On desktop it accepts drag and drop, reveals a "change" hint on hover and
 * shows a corner remove button; with `isMobile` it renders explicit
 * touch-sized action buttons instead. Change and remove actions can be
 * disabled independently. Set `crop` to open a crop editor before a newly
 * selected image is committed.
 *
 * @example
 * ```tsx
 * import { useState } from 'react'
 * import { ImagePicker } from '@choco-vanille/ui'
 *
 * const ProfilePictureField = () => {
 *     const [value, setValue] = useState<File | string | null>(null)
 *
 *     return (
 *         <ImagePicker
 *             label="Profile picture"
 *             name="profilePicture"
 *             value={value}
 *             onValueChange={setValue}
 *             shape="circle"
 *         />
 *     )
 * }
 * ```
 */
declare const ImagePicker: NamedExoticComponent<ImagePickerProps>;
export default ImagePicker;