export type OreTabPanelProps = {
    /** Active state (managed by ore-tabs) */
    active?: boolean;
    /** When true, the panel content is not rendered until first activation (preserves resources) */
    lazy?: boolean;
    /** Panel padding size: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' (default: 'md' = var(--size-4)) */
    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    /** Must match the `value` of its corresponding ore-tab-item */
    value: string;
};
/**
 * Content panel for a tab. Shown when its `value` matches the selected tab.
 *
 * @element ore-tab-panel
 *
 * @attr {string} value - Must match the corresponding ore-tab-item value
 * @attr {boolean} active - Toggled by the parent ore-tabs
 * @attr {string} padding - Panel padding: 'none' | 'xs' | 'sm' | 'md' (default) | 'lg' | 'xl' | '2xl'
 *
 * @slot - Panel content
 *
 * @cssprop --tab-panel-padding - Inner padding of the panel content area
 * @cssprop --tab-panel-font-size - Font size of the panel content
 * @part panel - Panel container.
 * @example
 * ```html
 * <ore-tab-panel value="overview"><p>Overview content here</p></ore-tab-panel>
 * <ore-tab-panel value="settings" padding="lg"><p>Large padding</p></ore-tab-panel>
 * <ore-tab-panel value="code" padding="none"><pre>No padding for code</pre></ore-tab-panel>
 * ```
 */
export declare const TAB_PANEL_TAG: "ore-tab-panel";
//# sourceMappingURL=tab-panel.d.ts.map