import { Cre8Element } from '../cre8-element';
/**
 * The Progress Steps Item component is used to display a single step in a multi-step process.
 * It should be used as a child component of `cre8-progress-steps`.
 * These Components serve a contextual purpose and don't provide any functionality.
 *
 * @property {string} message - Optional message to display under the step name.
 * @property {string} name - The name of the step.
 * @property {string} state - The state of the step: 'incomplete', 'current', 'complete', 'error', 'warning';
 * @property {string} svg - An SVG string to use as the step icon.
 *
 * @slot - The component content
 */
export declare class Cre8ProgressStepsItem extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Optional message to display under the step name.
     * @type {string}
     */
    message?: string;
    /**
     * The name of the step.
     * @type {string}
     */
    name: string;
    /**
     * The state of the step: 'complete', 'current', 'error',' incomplete', 'warning';
     * @type {string}
     */
    state: 'complete' | 'current' | 'error' | 'incomplete' | 'warning';
    /**
     * An SVG string to use as the step icon.
     * @type {string}
     */
    svg: string;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-progress-steps-item': Cre8ProgressStepsItem;
    }
}
export default Cre8ProgressStepsItem;
//# sourceMappingURL=progress-steps-item.d.ts.map