import TerraElement from '../../internal/terra-element.js';
import TerraIcon from '../icon/icon.component.js';
import type { CSSResultGroup } from 'lit';
/**
 * @summary A step within a stepper component that displays progress through a multi-step workflow.
 * @documentation https://terra-ui.netlify.app/components/stepper-step
 * @status stable
 * @since 1.0
 *
 * @slot - The step's caption (optional, only shown in default variant).
 *
 * @csspart base - The component's base wrapper.
 * @csspart bar - The progress bar indicator.
 * @csspart content - The content area containing title and caption.
 * @csspart title - The step's title.
 * @csspart caption - The step's caption.
 * @csspart icon - The checkmark icon (shown when completed).
 */
export default class TerraStepperStep extends TerraElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'terra-icon': typeof TerraIcon;
    };
    /**
     * The step's state. "completed" shows a checkmark, "current" highlights the step as active,
     * and "upcoming" shows the step as not yet reached.
     */
    state: 'completed' | 'current' | 'upcoming';
    /** The step's title. Should be short, preferably 1-2 words. */
    title: string;
    /** When true, hides the checkmark icon for completed steps. */
    hideCheckmark: boolean;
    private getStepperVariant;
    render(): import("lit-html").TemplateResult<1>;
}