Most simple components created

lib/component/message/TertiaryMessageBlock.tsx

@@ -0,0 +1,23 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function TertiaryMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-purple-200 text-purple-600"
+			)}
+		/>
+	);
+}
+