import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import SynTabPanel from '@synergy-design-system/components/components/tab-panel/tab-panel.component.js';

/**
 * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
 * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-panel--docs
 * @status stable
 * @since 2.1.0
 *
 * @slot - The tab panel's content.
 *
 * @csspart base - The component's base wrapper.
 *
 * @cssproperty --padding - The tab panel's padding.
 */
declare class SynTabPanelComponent {
    nativeElement: SynTabPanel;
    private _ngZone;
    constructor(e: ElementRef, ngZone: NgZone);
    /**
     * The tab panel's name.
     */
    set name(v: SynTabPanel['name']);
    get name(): SynTabPanel['name'];
    /**
     * When true, the tab panel will be shown.
     */
    set active(v: '' | SynTabPanel['active']);
    get active(): SynTabPanel['active'];
    static ɵfac: i0.ɵɵFactoryDeclaration<SynTabPanelComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SynTabPanelComponent, "syn-tab-panel", never, { "name": { "alias": "name"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], true, never>;
}

export { SynTabPanelComponent };