import * as React from 'react';

type TabPanelStyle = {
    TABS: 'tabs';
    PILLS: 'pills';
    MENU: 'menu';
};

type BSStyle = TabPanelStyle['TABS'] | TabPanelStyle['PILLS'] | TabPanelStyle['MENU'];

type TabPanelProps = {
    testAutomationId?: string;
    children: React.ReactNode;
    centered?: boolean;
    noBorder?: boolean;
    topMenu?: boolean;
    clearRightPadding?: boolean;
    clearLeftPadding?: boolean;
    clearLeftWrapperPadding?: boolean;
    clearRightWrapperPadding?: boolean;
    fullWidthBorder?: boolean;
    noPadding?: boolean;
    preserveBottomBorder?: boolean;
    className?: string;
    activeKey?: string | number;
    bsStyle?: BSStyle;
} & Partial<TabPanelDefaultProps> & React.HTMLProps<TabPanel>;

type TabPanelDefaultProps = {
    testAutomationId: string;
    centered: boolean;
    noBorder: boolean;
    topMenu: boolean;
    clearRightPadding: boolean;
    clearLeftPadding: boolean;
    clearLeftWrapperPadding: boolean;
    clearRightWrapperPadding: boolean;
    fullWidthBorder: boolean;
    preserveBottomBorder: boolean;
    noPadding: boolean;
    bsStyle: BSStyle;
}

export const tabPanelStyle: TabPanelStyle;

export class TabPanel extends React.Component<TabPanelProps> {
    
}