import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";


const TertiaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
	className,
	...messageProps
}, ref ) => {
	return (
		<MessageBlock
			data-testid="mattrixwv-tertiary-message-block"
			className={clsx(
				className,
				"bg-tertiary-xlight text-tertiary-mid"
			)}
			ref={ref}
			{...messageProps}
		/>
	);
});

TertiaryMessageBlock.displayName = "TertiaryMessageBlock";

export default TertiaryMessageBlock;
