23 lines
696 B
TypeScript
23 lines
696 B
TypeScript
import HorizontalTabItem, { HorizontalTabItemProps } 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-2 max-w-[calc(100%+40px)] lg:mb-5">
|
|
<nav className="no-scrollbar flex overflow-scroll rounded-md border p-1" aria-label="Tabs" {...props}>
|
|
{tabs.map((tab, idx) => (
|
|
<HorizontalTabItem {...tab} key={idx} {...linkProps} />
|
|
))}
|
|
</nav>
|
|
{actions && actions}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default HorizontalTabs;
|