diff --git a/apps/web/src/components/models/course/detail/CoursePreview/couresPreviewTabmsg.tsx b/apps/web/src/components/models/course/detail/CoursePreview/couresPreviewTabmsg.tsx
new file mode 100644
index 0000000..8f32fce
--- /dev/null
+++ b/apps/web/src/components/models/course/detail/CoursePreview/couresPreviewTabmsg.tsx
@@ -0,0 +1,25 @@
+import { Checkbox, List } from 'antd';
+import React from 'react';
+
+export function CoursePreviewTabmsg({data}){
+    
+
+    const renderItem = (item) => (
+        <List.Item>
+          <List.Item.Meta
+            title={item.title}
+            description={item.description}
+          />
+        </List.Item>
+      );
+    
+    return(
+        <div className='my-2'>
+            <List
+                dataSource={data}
+                split={false}
+                renderItem={renderItem}
+            />
+        </div>
+    )
+}
\ No newline at end of file