import Component from '../../components/carousel/carousel.js';
import { type EventName } from '@lit/react';
import type { WaSlideChangeEvent } from '../../events/events.js';
export type { WaSlideChangeEvent } from '../../events/events.js';
/**
 * @summary Carousels display a series of content slides along a horizontal or vertical axis, one or more at a time.
 *  Users can navigate between slides with controls, pagination, or autoplay.
 *
 * @since 2.2
 * @status experimental
 *
 * @dependency wa-icon
 *
 * @event {{ index: number, slide: WaCarouselItem }} wa-slide-change - Emitted when the active slide changes.
 *
 * @slot - The carousel's main content, one or more `<wa-carousel-item>` elements.
 * @slot next-icon - Optional next icon to use instead of the default. Works best with `<wa-icon>`.
 * @slot previous-icon - Optional previous icon to use instead of the default. Works best with `<wa-icon>`.
 *
 * @csspart base - The carousel's internal wrapper.
 * @csspart scroll-container - The scroll container that wraps the slides.
 * @csspart pagination - The pagination indicators wrapper.
 * @csspart pagination-item - The pagination indicator.
 * @csspart pagination-item-active - Applied when the item is active.
 * @csspart navigation - The navigation wrapper.
 * @csspart navigation-button - The navigation button.
 * @csspart navigation-button-previous - Applied to the previous button.
 * @csspart navigation-button-next - Applied to the next button.
 *
 * @cssproperty [--aspect-ratio=16/9] - The aspect ratio of each slide.
 * @cssproperty --scroll-hint - The amount of padding to apply to the scroll area, allowing adjacent slides to become
 *  partially visible as a scroll hint.
 * @cssproperty [--slide-gap=var(--wa-space-m)] - The space between each slide.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onWaSlideChange: EventName<WaSlideChangeEvent>;
}>;
export default reactWrapper;
