src/panel.tsx
import { clsx } from "clsx";
import type { ComponentProps, FC } from "react";
import type { Color } from "./types/color";
type Props = {
color?: Color;
};
export const Panel: FC<Omit<ComponentProps<"nav">, keyof Props> & Props> = ({
color,
className,
...props
}) => (
<nav
{...props}
className={clsx("panel", color && `is-${color}`, className)}
/>
);