diff --git a/src/components/message/message-card/raw/MessageRaw.tsx b/src/components/message/message-card/raw/MessageRaw.tsx
new file mode 100644
index 000000000..58d4835f3
--- /dev/null
+++ b/src/components/message/message-card/raw/MessageRaw.tsx
@@ -0,0 +1,45 @@
+/** *****************************************************************************
+ * Copyright 2020-2020 Exactpro (Exactpro Systems Limited)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************** */
+
+import * as React from 'react';
+import { observer } from 'mobx-react-lite';
+import DetailedMessageRaw from './DetailedMessageRaw';
+import SimpleMessageRaw from './SimpleMessageRaw';
+
+interface Props {
+	rawContent: string;
+	renderInfo: () => React.ReactNode;
+	isDetailed: boolean;
+	applyFilterToBody?: boolean;
+}
+
+function MessageRaw({ rawContent, renderInfo, isDetailed, applyFilterToBody }: Props) {
+	return (
+		<div className='mc-raw'>
+			{isDetailed ? (
+				<DetailedMessageRaw rawContent={rawContent} applyFilterToBody={applyFilterToBody} />
+			) : (
+				<SimpleMessageRaw
+					rawContent={rawContent}
+					renderInfo={renderInfo}
+					applyFilterToBody={applyFilterToBody}
+				/>
+			)}
+		</div>
+	);
+}
+
+export default observer(MessageRaw);