import { LitElement } from "lit";
import "../icon/icon.js";
export interface StepsContext {
    horizontal?: boolean;
    right?: boolean;
    isLast?: boolean;
    isFirst?: boolean;
}
/**
 * Individual step component that shows a single step in a process.
 *
 * [Warp component reference](https://warp-ds.github.io/docs/components/steps/frameworks/elements)
 *
 * @parent w-step-indicator
 */
export declare class WarpStep extends LitElement {
    /**
     * Whether this step is active.
     *
     * The active step displays a filled indicator.
     */
    active: boolean;
    /**
     * Whether this step is completed.
     *
     * Completed steps display a checkmark icon and a filled indicator.
     */
    completed: boolean;
    private _context;
    private _internals;
    static styles: import("lit").CSSResult[];
    constructor();
    connectedCallback(): void;
    setContext(context: StepsContext): void;
    getAriaLabel(): string;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "w-step": WarpStep;
    }
}