MattrixwvReactComponents/lib/component/tab/MattrixwvTab.tsx

import type { MattrixwvTabProps } from "$/types/Tab";
import { Tab } from "@headlessui/react";
import clsx from "clsx";


export default function MattrixwvTab(props: MattrixwvTabProps){
	const {
		children
	} = props;


	return (
		<Tab
			className={clsx(
				"px-4 py-2",
				"outline-none rounded-t-lg cursor-pointer",
				"data-selected:text-blue-400 data-selected:border-b-4"
			)}
		>
			{children}
		</Tab>
	);
}