Omar LópezandGitHub
7c749299bb
* Enforces explicit type imports * Upgrades typescript-eslint * Upgrades eslint related dependencies * Update config * Sync packages mismatches * Syncs prettier version * Linting * Relocks node version * Fixes * Locks @vitejs/plugin-react to 1.3.2 * Linting
27 lines
770 B
TypeScript
27 lines
770 B
TypeScript
import type { HorizontalTabItemProps } from "./HorizontalTabItem";
|
|
import HorizontalTabItem from "./HorizontalTabItem";
|
|
|
|
export interface NavTabProps {
|
|
tabs: HorizontalTabItemProps[];
|
|
linkProps?: HorizontalTabItemProps["linkProps"];
|
|
actions?: JSX.Element;
|
|
}
|
|
|
|
const HorizontalTabs = function ({ tabs, linkProps, actions, ...props }: NavTabProps) {
|
|
return (
|
|
<div className="mb-4 h-9 max-w-[calc(100%+40px)] lg:mb-5">
|
|
<nav
|
|
className="no-scrollbar flex max-h-9 space-x-1 overflow-scroll rounded-md"
|
|
aria-label="Tabs"
|
|
{...props}>
|
|
{tabs.map((tab, idx) => (
|
|
<HorizontalTabItem {...tab} key={idx} {...linkProps} />
|
|
))}
|
|
</nav>
|
|
{actions && actions}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default HorizontalTabs;
|