22 lines
487 B
TypeScript
22 lines
487 B
TypeScript
|
import { FC } from "react";
|
||
|
|
|
||
|
|
import VerticalTabItem, { VerticalTabItemProps } from "./VerticalTabItem";
|
||
|
|
|
||
|
|
export interface NavTabProps {
|
||
|
|
tabs: VerticalTabItemProps[];
|
||
|
|
}
|
||
|
|
|
||
|
|
const NavTabs: FC<NavTabProps> = ({ tabs, ...props }) => {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<nav className="no-scrollbar flex flex-col space-y-1" aria-label="Tabs" {...props}>
|
||
|
|
{tabs.map((tab, idx) => (
|
||
|
|
<VerticalTabItem {...tab} key={idx} />
|
||
|
|
))}
|
||
|
|
</nav>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default NavTabs;
|