import AWCElement from '../../internal/awc-element.js';
import type { CSSResultGroup } from 'lit';
import type AWCStepper from '../stepper/stepper.js';
/**
 * @summary The stepper-item component can be used to show a numbered list of steps.
 * @documentation https://webcomponents.adeliom.io/?path=/docs/components-stepper-item--documentation
 * @status experimental
 * @since 1.0
 *
 *
 * @slot - The default slot is used for step content.
 * @slot step - The step badge content.
 * @slot completed-icon - The icon to show when the step is completed.
 *
 * @csspart base - The component's base wrapper.
 * @csspart badge - The badge wrapper.
 * @csspart step - The badge's step wrapper.
 * @csspart completed - The badge's completed wrapper.
 * @csspart label - The step's label.
 *
 * @cssproperty [--gap=var(--awc-spacing-medium)] - The gap between step badge and label (Inherited from the parent stepper).
 * @cssproperty [--size=var(--awc-spacing-5xlarge)] - The size of the step badge (Inherited from the parent stepper).
 * @cssproperty [--font-size=var(--awc-font-size-medium)] - The font size of the step badge (Inherited from the parent stepper).
 * @cssproperty [--badge-radius=50%] - The radius of the step badge (Inherited from the parent stepper).
 * @cssproperty [--track-height=var(--awc-spacing-3xsmall)] - The height of the step track and the badge border (Inherited from the parent stepper).
 * @cssproperty [--track-gap=var(--awc-spacing-xsmall)] - The gap between the step track and the badge border (Inherited from the parent stepper).
 * @cssproperty [--color=var(--awc-color-neutral-400)] - The color of the step badge content (Inherited from the parent stepper).
 * @cssproperty [--badge-color=var(--awc-color-neutral-400)] - The color of the step badge (Inherited from the parent stepper).
 * @cssproperty [--backgound-color=var(--awc-color-neutral-0)] - The background color of the step badge (Inherited from the parent stepper).
 * @cssproperty [--active-color=var(--awc-color-primary-600)] - The color of the step badge when active content (Inherited from the parent stepper).
 * @cssproperty [--active-badge-color=var(--awc-color-primary-600)] - The color of the step badge when active (Inherited from the parent stepper).
 * @cssproperty [--active-backgound-color=var(--awc-color-neutral-0)] - The background color of the step badge when active (Inherited from the parent stepper).
 * @cssproperty [--completed-color=var(--awc-color-neutral-0)] - The color of the step badge when completed content (Inherited from the parent stepper).
 * @cssproperty [--completed-badge-color=var(--awc-color-primary-600)] - The color of the step badge when completed (Inherited from the parent stepper).
 * @cssproperty [--completed-backgound-color=var(--awc-color-primary-600)] - The background color of the step badge when completed (Inherited from the parent stepper).
 */
export default class AWCStepperItem extends AWCElement {
    static styles: CSSResultGroup;
    private readonly hasSlotController;
    container?: AWCStepper;
    /** A accessibility label for the step item. */
    label?: string;
    /** The step number. */
    step?: number;
    /** Mark the step as completed. */
    completed: boolean;
    /** Mark the step as active. */
    active: boolean;
    isFirst: boolean;
    isLast: boolean;
    render(): import("lit-html").TemplateResult<1>;
}