src/tabs.tsx
import { clsx } from "clsx";
import type { ComponentProps, FC } from "react";
import type { Alignment } from "./types/alignment";
import type { Size } from "./types/size";
import type { Style } from "./types/style";
type Props = {
alignment?: Alignment;
size?: Size;
style?: Style;
fullwidth?: boolean;
};
export const Tabs: FC<Omit<ComponentProps<"div">, keyof Props> & Props> = ({
alignment,
size,
style,
fullwidth,
className,
...props
}) => (
<div
{...props}
className={clsx(
"tabs",
alignment && `is-${alignment}`,
size && `is-${size}`,
style && `is-${style}`,
fullwidth && "is-fullwidth",
className,
)}
/>
);