import { PropertyValues } from 'lit';
import { Cre8Element } from '../cre8-element';
/**
 * @slot - The component content
 */
export declare class Cre8Tab extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Tab sizes
     * - **default** displays the tab text with cre8-typography-label-default
     * - **sm** displays the tab text with cre8-typography-label-small and decrease padding
     *
     * _*This property is dynamically set_
     */
    size?: 'sm';
    /**
     * If is true, tab has active state and cooresponding tab panel is visible.
     *
     * _*This property is dynamically set_
     */
    isActive?: boolean;
    /**
     * Used to align the tab with the tab panel
     *
     * _*This property is dynamically set_
     */
    index?: number;
    /**
     * Used to connect tab trigger and tab panel for accessibility
     *
     * _*This property is dynamically set_
     */
    ariaLabelledBy?: string;
    /**
     * Query the tab element
     */
    _Cre8Tab: HTMLButtonElement;
    /**
     * Updated
     * 1. Called when the element's DOM has been updated and rendered.
     * 2. If has ariaLabelledBy, then set the tab ID with the value.
     * 3. If the tab is active, set the tabindex to 0 and aria-selected to true.
     */
    updated(changedProperties: PropertyValues): void;
    /**
     * Handle Tab Selected
     * 1. Fire the custom event on click of a tab.
     */
    private _handleTabSelected;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-tab': Cre8Tab;
    }
}
export default Cre8Tab;
//# sourceMappingURL=tab.d.ts.map