import { GdsElement } from '../../../gds-element'; import type { GdsTabPanel } from '../tab-panel/tab-panel.component'; /** * @element gds-tab * @status beta * * @summary A tab component for use inside ``. * * @slot lead - Optional content before the label (e.g. an icon) * @slot - The tab label text content * @slot trail - Optional content after the label (e.g. a badge) * * @event click - Fired when the tab is clicked. Note that clicks on disabled tabs are ignored. */ export declare class GdsTab extends GdsElement { #private; static styles: (import("lit").CSSResult | import("lit").CSSResult[])[]; /** * Optional size variant. When set to "small", applies reduced padding. */ size: 'small' | 'medium'; /** * Disables selection of this tab. */ disabled: boolean; /** * Whether this tab is currently selected. Managed by the parent ``. */ selected: boolean; /** * The `name` of the `` to associate with this tab. * When set, this tab controls the panel whose `name` attribute matches, * regardless of DOM order. When omitted, pairing falls back to position. */ panel: string; /** * The resolved associated `` element, if any. Managed by * the parent ``. */ get panelEl(): GdsTabPanel | undefined; connectedCallback(): void; private _handleSelectedChange; private _handleDisabledChange; /** * @internal */ _setPanelEl(panelEl?: GdsTabPanel): void; render(): any; }