/**
 * Tab Component
 *
 * Individual tab panel component that contains content for a single tab.
 * Acts as a container for panel content with proper ARIA attributes and independent scrolling.
 * The parent ty-tabs component handles orchestration and visibility control.
 *
 * Features:
 * - Simple content container with proper ARIA roles
 * - Independent scrolling within fixed viewport
 * - Scroll position resets when tab becomes active
 * - Disabled state prevents tab activation
 * - Smooth opacity transitions when switching tabs
 *
 * @example
 * <ty-tab id="general" label="General Settings">
 *   <div class="p-6">
 *     <h3>General Settings</h3>
 *     <p>Configure general options here.</p>
 *   </div>
 * </ty-tab>
 *
 * @example
 * <!-- Disabled tab -->
 * <ty-tab id="premium" label="Premium Features" disabled>
 *   <div class="p-6">Upgrade to access premium features.</div>
 * </ty-tab>
 */
/**
 * Tab attributes configuration
 */
export interface TabAttributes {
    id: string | null;
    label: string | null;
    disabled: boolean;
}
/**
 * TyTab Web Component
 */
export declare class TyTab extends HTMLElement {
    /** Observed attributes */
    static get observedAttributes(): string[];
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    attributeChangedCallback(_name: string, _oldValue: string | null, _newValue: string | null): void;
}
//# sourceMappingURL=tab.d.ts.map