import React, { FC, ReactElement, ReactNode } from 'react';

export type ITabs = {
    defaultActiveIndex?: number;
    defaultActiveKey?: number | string;
    width?: number | string;
    height?: number | string;
    tabsLocation?: 'top' | 'left';
    tabHeaderAlign?: 'left' | 'center' | 'right';
    size?: 'large' | 'default';

    showUnderLine?: boolean;
    onChange?: (params: {
        index: number;
        title: number | string;
        previousIndex: number;
        previousTitle: number | string;
    }) => void;
    animation?: boolean;
    className?: string;
    children?: React.ReactNodeArray | React.ReactNode;
    style?: React.CSSProperties;
    ref?: React.RefObject<any>;
};

export type ITabPanel = {
    title: ReactNode;
    className?: string;
    children?: React.ReactNode;
    style?: React.CSSProperties;
};

declare const Tabs: FC<ITabs> & { TabPanel: FC<ITabPanel> };
export { Tabs };