import Component from '../../components/file-upload/file-upload.component.js'; import { type EventName } from '@lit/react'; import type { AWCDropEvent } from '../../events/events.js'; import type { AWCSelectEvent } from '../../events/events.js'; import type { AWCChangeEvent } from '../../events/events.js'; import type { AWCLoadEvent } from '../../events/events.js'; import type { AWCErrorEvent } from '../../events/events.js'; import type { AWCAbortEvent } from '../../events/events.js'; import type { AWCRemoveEvent } from '../../events/events.js'; export type { AWCDropEvent } from '../../events/events.js'; export type { AWCSelectEvent } from '../../events/events.js'; export type { AWCChangeEvent } from '../../events/events.js'; export type { AWCLoadEvent } from '../../events/events.js'; export type { AWCErrorEvent } from '../../events/events.js'; export type { AWCAbortEvent } from '../../events/events.js'; export type { AWCRemoveEvent } from '../../events/events.js'; /** * @summary File Upload provides an area where files can be dragged and dropped onto from the Operating System to be uploaded or to be used for other tasks. It also provides a button to open a file dialog and select files from the file system. Per default the File Dropzone shows a list of all selected files below the dropzone. * @documentation https://webcomponents.adeliom.io/?path=/docs/components-file-upload--documentation * @status experimental * @since 1.0 * * @dependency awc-icon * @dependency awc-file-upload-item * * @slot content - The dropzone's content. Alternatively, you can use the image slot and label prop. * @slot image - The dropzone's image. * @slot button - The dropzone's button. * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute. * * @event awc-drop - Emitted when dragged files have been dropped on the dropzone area. * @event awc-select - Emitted when files have been selected via the file dialog. * @event {{ fileList: FileList }} awc-change - Emitted when files have been uploaded via the dropzone or file dialog. * @event {{ response: unknown }} awc-load - Emitted when a file transfer was finished * @event {{ event: ProgressEvent }} awc-error - Emitted when a file transfer threw an error * @event {{ event: ProgressEvent }} awc-abort - Emitted when a file transfer was aborted by the user * @event {{ file: FileInfo }} awc-remove - Emitted when a file was removed * * @csspart base - The component's internal wrapper. * @csspart content - The dropzone container. * @csspart image - The dropzone image. * @csspart button - The dropzone button. * @csspart help-text - The help text's wrapper. * * @cssproperty [--border-radius=var(--awc-border-radius-medium)] --border-radius - The border radius of the dropzone borders. * @cssproperty [--border-width=var(--awc-input-border-width)] --border-width - The width of the dropzone borders. * @cssproperty [--border-style=solid] --border-style - The style of the dropzone borders. * @cssproperty [--list-border-style=solid] --list-border-style - The style of the file list borders. */ declare const reactWrapper: import("@lit/react").ReactWebComponent; onAwcSelect: EventName; onAwcChange: EventName; onAwcLoad: EventName; onAwcError: EventName; onAwcAbort: EventName; onAwcRemove: EventName; }>; export default reactWrapper;