import { CSSObject } from 'styled-components';
import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
import { TabItem, Tabs } from '../Tabs';
import { TableCollapseConfig } from '../TableCanvas/types';
import { BoxProps } from '../Box';

export type TabId = string | number;
export type TTabItem<T extends TabId> = {
    tabId: T;
    label: ReactNode;
} & ComponentProps<typeof TabItem>;
export type TCustomTabItem<T extends TabId> = {
    tabId: T;
    custom: ReactNode;
};
export type TCustomOrNotTab<T extends TabId> = TTabItem<T> | TCustomTabItem<T>;
export type TTabsProps = ComponentProps<typeof Tabs>;
export type TTabsContainerOptions = {
    maxWidth?: number | string;
};
export type TableTabsSize = 'm' | 's' | 'xs';
export type TableTabsCollapseConfig = Pick<TableCollapseConfig, 'defaultCollapsed' | 'collapseText' | 'expandText' | 'onToggleCollapse' | 'collapsedState' | 'domMetadata'> & {
    enabled?: boolean;
    rightSlot?: ReactNode;
};
export type TableTabsProps<T extends TabId = TabId> = PropsWithChildren & {
    tabs: TCustomOrNotTab<T>[];
    activeTabIdState?: [T, ((newV: T) => void) | ((oldV: T) => T)];
    tabsProps?: TTabsProps;
    tabsAndPanelsContainerCss?: string | CSSObject;
    tabsContainerOptions?: TTabsContainerOptions;
    rightSlot?: ReactNode;
    size?: TableTabsSize;
    collapsing?: TableTabsCollapseConfig;
};
export type TabPanelProps<T extends TabId = TabId> = {
    tabId: T;
    unmountOnClose?: boolean;
} & BoxProps;
export declare function isCustomTab<T extends TabId>(tab: TCustomOrNotTab<T>): tab is TCustomTabItem<T>;