Most simple components created

lib/component/tab/MattrixwvTab.tsx

@@ -0,0 +1,23 @@
+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>
+	);
+}