/** Biome-ignore-all lint/a11y/noNoninteractiveElementToInteractiveRole: <explanation> */

import type { HTMLAttributes } from "corvos/plugins/jsx.ts";

export type Props = HTMLAttributes<"nav">;

export const SideNav = ({ class: cls, ...props }: Props) => (
	<nav
		class:list={["o-side-nav", "js-keyboard-nav", cls]}
		data-keyboard-nav-item=".o-side-nav__item"
		data-keyboard-nav-mode="list"
		{...props}
	/>
);