fleet/frontend/components/TabNav/TabNav.tsx

import React from "react";
import classnames from "classnames";

interface ITabNavProps {
  children: React.ReactChild | React.ReactChild[];
  className?: string;
}

/*
 * This component exists so we can unify the styles
 * and overwrite the loaded React Tabs styles.
 */
const baseClass = "tab-nav";

const TabNav = ({ children, className }: ITabNavProps): JSX.Element => {
  const classNames = classnames(baseClass, className);

  return <div className={classNames}>{children}</div>;
};

export default TabNav;