import { IAnimatable } from '../../../Behaviors/Animatable';
import { SelectorItemElement } from '../Abstracts/Selector/SelectorItemElement';
import type { IWizardStepElementProps } from './IWizardStepElementProps';
import { WizardElement } from './WizardElement';
declare const WizardStepElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Insetable").IInsetableProps) & (abstract new () => SelectorItemElement<import("../Abstracts/Selector/SelectorElement").SelectorElement<any>>) & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Wizard step - A component that allows users to navigate through steps to complete a task.
 *
 * @element mosaik-wizard-step
 * @category Selector
 *
 * @slot - The default slot.
 * @slot footer - The footer slot.
 *
 * @csspart content - The content part.
 * @csspart footer - The footer part.
 *
 * @cssprop {String} --wizard-step-font-family - The step font family CSS custom property.
 * @cssprop {String} --wizard-step-font-letter-spacing - The step font letter spacing CSS custom property.
 * @cssprop {String} --wizard-step-font-line-height - The step font line height CSS custom property.
 * @cssprop {String} --wizard-step-font-size - The step font size CSS custom property.
 * @cssprop {String} --wizard-step-font-text-decoration - The step font text decoration CSS custom property.
 * @cssprop {String} --wizard-step-font-text-transform - The step font text transform CSS custom property.
 * @cssprop {String} --wizard-step-font-weight - The step font weight CSS custom property.
 * @cssprop {String} --wizard-step-gap - The step gap CSS custom property.
 * @cssprop {String} --wizard-step-padding-bottom - The step padding bottom CSS custom property.
 * @cssprop {String} --wizard-step-padding-left - The step padding left CSS custom property.
 * @cssprop {String} --wizard-step-padding-right - The step padding right CSS custom property.
 * @cssprop {String} --wizard-step-padding-top - The step padding top CSS custom property.
 * @cssprop {String} --wizard-step-shadow - The step shadow CSS custom property.
 * @cssprop {String} --wizard-step-shadow-blur - The step shadow blur CSS custom property.
 * @cssprop {String} --wizard-step-shadow-color - The step shadow color CSS custom property.
 * @cssprop {String} --wizard-step-shadow-offset-x - The step shadow offset x CSS custom property.
 * @cssprop {String} --wizard-step-shadow-offset-y - The step shadow offset y CSS custom property.
 * @cssprop {String} --wizard-step-shadow-spread - The step shadow spread CSS custom property.
 * @cssprop {String} --wizard-step-transition-duration - The step transition duration CSS custom property.
 * @cssprop {String} --wizard-step-transition-mode - The step transition mode CSS custom property.
 * @cssprop {String} --wizard-step-transition-property - The step transition property CSS custom property.
 * @cssprop {String} --wizard-step-translate - The step translate CSS custom property.
 *
 * @example
 * Basic wizard step:
 * ```html
 * <mosaik-wizard-step header="Personal Information" is-active>
 *   <form>
 *     <mosaik-textbox type="text" placeholder="Your name">/mosaik-textbox>
 *     <mosaik-textbox type="email" placeholder="Your email"></mosaik-textbox>
 *   </form>
 * </mosaik-wizard-step>
 * ```
 *
 * @example
 * Wizard step with sub-header and footer:
 * ```html
 * <mosaik-wizard-step header="Review" sub-header="Please confirm your details">
 *   <p>Your information will be saved.</p>
 *   <div slot="footer">
 *     <button>Back</button>
 *     <button>Confirm</button>
 *   </div>
 * </mosaik-wizard-step>
 * ```
 *
 * @public
 */
export declare class WizardStepElement extends WizardStepElement_base implements IWizardStepElementProps, IAnimatable {
    private readonly _inheritance;
    private _header;
    private _subHeader;
    private _isActive;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @override
     * @readonly
     */
    static get is(): string;
    /**
     * @inheritdoc
     * When used inside a Wizard, inherits the wizard's disabled state unless explicitly set.
     *
     * @public
     * @override
     */
    get disabled(): boolean;
    set disabled(value: boolean);
    /**
     * Gets or sets the `header` property.
     *
     * @public
     * @attr
     */
    get header(): string;
    set header(value: string);
    /**
     * Gets or sets the `subHeader` property.
     *
     * @public
     * @attr
     */
    get subHeader(): string;
    set subHeader(value: string);
    /**
     * Gets or sets the `isActive` property.
     *
     * @public
     * @attr
     */
    get isActive(): boolean;
    set isActive(value: boolean);
    /**
     * Get the item parent.
     *
     * @protected
     * @readonly
     */
    get parent(): WizardElement;
    /**
     * @public
     * @override
     */
    connectedCallback(): void;
    /**
     * @public
     * @override
     */
    disconnectedCallback(): void;
    /**
     * @protected
     */
    protected onIsActivePropertyChanged(_prev: boolean, next: boolean): void;
}
/**
 * @public
 */
export declare namespace WizardStepElement {
    type Props = IWizardStepElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-wizard-step': WizardStepElement;
    }
}
export {};
//# sourceMappingURL=WizardStepElement.d.ts.map