mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
28 lines
591 B
TypeScript
28 lines
591 B
TypeScript
import React from "react";
|
|
import classnames from "classnames";
|
|
|
|
interface ITabNavProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
secondary?: boolean;
|
|
}
|
|
|
|
/*
|
|
* This component exists so we can unify the styles
|
|
* and overwrite the loaded React Tabs styles.
|
|
*/
|
|
const baseClass = "tab-nav";
|
|
|
|
const TabNav = ({
|
|
children,
|
|
className,
|
|
secondary = false,
|
|
}: ITabNavProps): JSX.Element => {
|
|
const classNames = classnames(baseClass, className, {
|
|
[`${baseClass}--secondary`]: secondary,
|
|
});
|
|
|
|
return <div className={classNames}>{children}</div>;
|
|
};
|
|
|
|
export default TabNav;
|