Mock Data - Copy this React, Tailwind Component to your project

Giúp tôi tạo trang đọc báo với thông tin được hiển thị gồm các trường như sau { "id": 1, "title": "Tin tức biên phòng", "created_at": "2024 12 16T23:13:43.059970+07:00", "updated_at": "2024 12 16T23:13:43.059982+07:00", "contents": [ { "id": 2, "content_type": "image", "content_text": "", "content_image": "http://localhost:8000/media/news_images/ship.jpg", "content_video": null, "caption": "Tào lao thôi", "order": 0 }, { "id": 1, "content_type": "text", "content_text": "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", "content_image": null, "content_video": null, "caption": null, "order": 1 }, { "id": 4, "content_type": "video", "content_text": "", "content_image": null, "content_video": "http://localhost:8000/media/news_videos/4214779 uhd_3840_2160_25fps.mp4", "caption": null, "order": 2 }, { "id": 3, "content_type": "text", "content_text": "fffffffffffffffffffffffffffffffffffffffffffff", "content_image": null, "content_video": null, "caption": null, "order": 3 } ] }