tabPermutations.ts

export type Tab = {
    label: string,
    onClick: () => any
};
export type Border = "top" | "bottom";
export type TabPanelButtonProps = {
    tabs: TwoTabPanel | ThreeTabPanel | FourTabPanel,
    highlightedBorder: Border,
    activeIndex: number
};
export type TwoTabPanel = {
    kind: 'TwoTabPanel',
    tab1: Tab,
    tab2: Tab
};
export type ThreeTabPanel = {
    kind: 'ThreeTabPanel',
    tab1: Tab,
    tab2: Tab,
    tab3: Tab
};
export type FourTabPanel = {
    kind: 'FourTabPanel',
    tab1: Tab,
    tab2: Tab,
    tab3: Tab,
    tab4: Tab
};