Update message blocks

lib/component/message/DangerMessageBlock.tsx

@@ -11,12 +11,12 @@ const DangerMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-danger-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-danger-xlight text-danger-dark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/DarkMessageBlock.tsx

@@ -11,12 +11,12 @@ const DarkMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-dark-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-dark text-dark-xlight"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/InfoMessageBlock.tsx

@@ -11,12 +11,12 @@ const InfoMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-info-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-info-xlight text-info-xdark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/LightMessageBlock.tsx

@@ -11,12 +11,12 @@ const LightMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-light-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-white text-black"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/MessageBlock.tsx

@@ -12,7 +12,6 @@ const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<div
 			data-testid="mattrixwv-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"px-4 py-2",
@@ -32,6 +31,7 @@ const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 				}
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/MoltenMessageBlock.tsx

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

lib/component/message/PrimaryMessageBlock.tsx

@@ -11,12 +11,12 @@ const PrimaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-primary-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-primary-xlight text-primary-dark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });

lib/component/message/SecondaryMessageBlock.tsx

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

lib/component/message/SuccessMessageBlock.tsx

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

lib/component/message/WarningMessageBlock.tsx

@@ -11,12 +11,12 @@ const WarningMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
 	return (
 		<MessageBlock
 			data-testid="mattrixwv-warning-message-block"
-			{...messageProps}
 			className={clsx(
 				className,
 				"bg-warning-xlight text-warning-dark"
 			)}
 			ref={ref}
+			{...messageProps}
 		/>
 	);
 });