import { LitElement } from 'lit';
import '@warp-ds/icons/elements/check-16';
/**
 * Steps are used to show progress through a process or to guide users through a multi-step task.
 *
 * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)
 */
declare class WarpStepIndicator extends LitElement {
    horizontal: boolean;
    right: boolean;
    static styles: import("lit").CSSResult[];
    constructor();
    updated(): void;
    updateStepsContext(): void;
    render(): import("lit").TemplateResult<1>;
}
interface StepsContext {
    horizontal?: boolean;
    right?: boolean;
    isLast?: boolean;
    isFirst?: boolean;
}
/**
 * Individual step component that shows a single step in a process
 */
declare class WarpStep extends LitElement {
    active: boolean;
    completed: boolean;
    private _context;
    static styles: import("lit").CSSResult[];
    constructor();
    connectedCallback(): void;
    setContext(context: StepsContext): void;
    getAriaLabel(): string;
    render(): import("lit").TemplateResult<1>;
}
export { WarpStepIndicator, WarpStep };
