import { LitElement, PropertyValues, TemplateResult } from 'lit';
import './code-copy.js';
declare module '@pwrs/mixins/select/select-mixin' {
    interface Item {
        dataset: DOMStringMap & Tab;
    }
}
export interface Tab {
    id: string;
    label: string;
    iconHref?: string;
    iconTemplate?: string;
}
declare const CodeTabs_base: typeof LitElement & (new (...args: any[]) => import("@pwrs/mixins/select/select-mixin").SelectMixinElement & import("@pwrs/mixins/fire/fire-mixin").FireMixinElement) & {
    allowedChildren: RegExp | string[];
};
/**
 * @csspart tablist - container for tab buttons
 * @csspart tabpanels - container for content
 * @csspart tab - tab button
 * @csspart default-container - container for default tab
 *
 * @cssprop --code-tabs-icon-height - size of the tab icon
 * @cssprop --code-tabs-tabs-background - background for the tablist
 * @cssprop --code-tabs-justify-tabs - flex justification for tab buttons. Alternatively, set the `align` attribute
 * @cssprop [--code-tabs-min-height=1px] - tabpanel minimum height
 * @cssprop [--code-tabs-tabpanel-background=var(--markdown-syntax-background-color, #f6f8fa)] - tabpanel background
 * @cssprop [--code-tabs-background=var(--markdown-syntax-background-color, #f6f8fa)] - content and selected button background
 * @cssprop [--code-tabs-border=1px solid var(--code-tabs-border-color, var(--primary-color))] - border for code-tabs
 * @cssprop [--code-tabs-border-color=transparent] - border color for code-tabs
 * @cssprop [--code-tabs-border-focus-color=var(--primary-color)] - border color for code-tabs when focused
 * @cssprop [--code-tabs-selected-highlight-color=var(--markdown-link-color)] - color for selected tab highlight

 * @cssprop --code-button-active-color - button background when focused
 * @cssprop [--code-button-background=var(--markdown-table-row-odd-background-color)] - button background
 * @cssprop [--code-button-color=inherit] - button text color
 * @cssprop [--code-button-focus-background=var(--primary-lines-color)] - button background when focused
 * @cssprop [--code-button-focus-color=inherit] - button text color when focused
 * @cssprop [--code-border-radius=6px] - border radius for code-copy and code-tabs
 */
export declare class CodeTabs extends CodeTabs_base {
    static readonly allowedChildren: string[];
    static readonly styles: import("lit").CSSResult[];
    static readonly keyboardMode = "tablist";
    private labels;
    /** The tab buttons. */
    tabs: NodeListOf<HTMLButtonElement>;
    /** Which tab name to treat as default, in case the use has not yet made a selection. */
    defaultTab: string;
    /** Tablist alignment */
    align: 'start' | 'end';
    /**
     * Which tab collection to use.
     * @see {#rocket-preset-code-tabs-js}
     */
    collection: string;
    constructor();
    protected initialSelectedIndex: number;
    connectedCallback(): void;
    disconnectedCallback(): void;
    firstUpdated(changed: PropertyValues<this>): Promise<void>;
    updated(changed: PropertyValues<this>): void;
    protected getInitialSelectedIndex(): Promise<number>;
    private initCollection;
    render(): TemplateResult;
    selectId(idToSelect: string): void;
    private onSlotchange;
    /** @private */
    onSelect(): void;
    private onClickTab;
    protected initLabels(event?: Event): void;
}
/**
 * @csspart content - container for tab content
 *
 * @cssprop --code-button-active-color - button background when focused
 * @cssprop [--code-button-background=var(--markdown-table-row-odd-background-color)] - button background
 * @cssprop [--code-button-color=inherit] - button text color
 * @cssprop [--code-button-focus-background=var(--primary-lines-color)] - button background when focused
 * @cssprop [--code-button-focus-color=inherit] - button text color when focused
 * @cssprop [--code-border-radius=6px] - border radius for code-copy and code-tabs
 */
export declare class CodeTab extends LitElement {
    static readonly styles: import("lit").CSSResult[];
    tab: string;
    noCopy: boolean;
    render(): TemplateResult;
}
export {};