import Component from '../../components/stepper-item/stepper-item.component.js';
import { type EventName } from '@lit/react';
import type { CwShowEvent } from '../../events/events.js';
import type { CwAfterShowEvent } from '../../events/events.js';
import type { CwHideEvent } from '../../events/events.js';
import type { CwAfterHideEvent } from '../../events/events.js';
export type { CwShowEvent } from '../../events/events.js';
export type { CwAfterShowEvent } from '../../events/events.js';
export type { CwHideEvent } from '../../events/events.js';
export type { CwAfterHideEvent } from '../../events/events.js';
/**
 * @summary Stepper items are individual steps used inside a [stepper](/components/stepper) — a step indicator for
 *  multi-step forms, checkouts, and onboarding flows.
 * @documentation https://cordwainer.dev/components/stepper-item
 * @status experimental
 * @since 1.5
 *
 * @dependency cw-icon
 *
 * @slot - The step's label.
 * @slot completed-icon - Optional icon to use instead of the default checkmark when the step is completed.
 * @slot error-icon - Optional icon to show instead of the step number when the step has an error. By default the
 *  indicator keeps showing the step number (recolored) in the error state — this slot only renders when you
 *  explicitly provide content for it.
 *
 * @event cw-show - Emitted when the step becomes active.
 * @event cw-after-show - Emitted after the step becomes active.
 * @event cw-hide - Emitted when the step is no longer active.
 * @event cw-after-hide - Emitted after the step is no longer active.
 *
 * @csspart base - The component's base wrapper.
 * @csspart header - The clickable header containing the indicator and label.
 * @csspart indicator - The circular indicator showing the step number, or a completed icon once the step is done.
 * @csspart label - The container that wraps the step's label.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onCwShow: EventName<CwShowEvent>;
    onCwAfterShow: EventName<CwAfterShowEvent>;
    onCwHide: EventName<CwHideEvent>;
    onCwAfterHide: EventName<CwAfterHideEvent>;
}>;
export default reactWrapper;