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

export type Props = HTMLAttributes<"a"> & {
	selected?: boolean;
};

export const Tab = ({ selected, class: cls, ...props }: Props) => (
	<a
		aria-selected={`${selected}`}
		class:list={["o-tabbar__tab", { "is-selected": selected }, cls]}
		role="tab"
		{...props}
	/>
);