import React, { forwardRef, ReactNode } from "react";
import cn from "classnames";
import { INavLinkProps } from "../nav/nav-link";
import { INavItemProps } from "../nav/nav-item";

export interface ITabProps {
  title: string;
  eventKey?: string;
  isDisabled?: boolean;
  children?: ReactNode[];
  href?: string;
  className?: string;
  tabPaneClassName?: string;
  navLinkClassName?: string;
}

const Tab: React.FC<ITabProps | INavItemProps | INavLinkProps> = () => {
  throw new Error(
    "HoneyUI React: The `Tab` component is not meant to be rendered! " +
      "It's an abstract component that is only valid as a direct Child of the `Tabs` Component. " +
      "For custom tabs components use TabPane and TabsContainer directly"
  );
};

Tab.displayName = "Tab";

export default Tab;
