import Component from '../../components/picture/picture.component.js';
import { type EventName } from '@lit/react';
import type { CwLoadEvent } from '../../events/events.js';
import type { CwErrorEvent } from '../../events/events.js';
export type { CwLoadEvent } from '../../events/events.js';
export type { CwErrorEvent } from '../../events/events.js';
/**
 * @summary A responsive image with resolution switching, art direction, format negotiation, and layout-shift-free
 * loading, wrapping the native `<picture>` element.
 * @documentation https://cordwainer.dev/components/picture
 * @status experimental
 * @since 1.6
 *
 * @event cw-load - Emitted when the image loads successfully.
 * @event cw-error - Emitted when the image fails to load.
 *
 * @slot - Optional `<source>` elements, used exactly like the ones inside a native `<picture>` — `media` for art
 *  direction, `type` for format negotiation, `srcset`/`sizes` for resolution switching. Any other slotted element is
 *  ignored.
 * @slot caption - Optional caption shown below the image.
 *
 * @csspart base - The component's base wrapper.
 * @csspart frame - The container that holds the placeholder and the image, and reserves the image's layout space.
 * @csspart placeholder - The placeholder shown until the image loads.
 * @csspart image - The underlying `<img>` element.
 * @csspart caption - The container wrapping the `caption` slot.
 *
 * @cssproperty [--placeholder-color=var(--cw-color-neutral-100)] - The solid color shown until the image loads.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onCwLoad: EventName<CwLoadEvent>;
    onCwError: EventName<CwErrorEvent>;
}>;
export default reactWrapper;