22 lines
525 B
TypeScript
22 lines
525 B
TypeScript
import { FC } from "react";
|
|
|
|
import HorizontalTabItem, { HorizontalTabItemProps } from "./HorizontalTabItem";
|
|
|
|
export interface NavTabProps {
|
|
tabs: HorizontalTabItemProps[];
|
|
}
|
|
|
|
const HorizontalTabs: FC<NavTabProps> = ({ tabs, ...props }) => {
|
|
return (
|
|
<>
|
|
<nav className="flex space-x-1 overflow-scroll md:overflow-visible" aria-label="Tabs" {...props}>
|
|
{tabs.map((tab, idx) => (
|
|
<HorizontalTabItem {...tab} key={idx} />
|
|
))}
|
|
</nav>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default HorizontalTabs;
|