import type { Snippet } from 'svelte';
import type { TabId } from './neo-tab.model.js';
import type { NeoTabsContext } from './neo-tabs-context.svelte.js';
import type { HTMLTransitionProps } from '../utils/action.utils.js';
import type { HTMLNeoBaseElement, HTMLRefProps } from '../utils/html-element.utils.js';
export type NeoTabPanelProps<Value = unknown, Tag extends keyof HTMLElementTagNameMap = 'div'> = {
    /**
     * Snippet to display as the tab content.
     */
    children?: Snippet<[NeoTabsContext<Value> | undefined]>;
    /**
     * The tab id to associate with this panel.
     */
    tabId?: TabId;
    /**
     * If `true`, the pane will appear when no other tabs are active.
     */
    empty?: boolean;
    /**
     * The HTML tag to use for the container.
     *
     * @default 'div'
     * @see animate
     */
    tag?: Tag | keyof HTMLElementTagNameMap;
    /**
     * If `true`, pane transition will be animated.
     * If `false`, the panel will check if any neo-tabs-card parent is animating.
     * @default false
     */
    animate?: boolean;
} & HTMLNeoBaseElement<HTMLElementTagNameMap[Tag]> & HTMLRefProps & HTMLTransitionProps;