Article Component - Copy this React, Tailwind Component to your project
Design a best UI for showing an article using below data pattern. article_id : 43 category_id : 1 content_ar : "اِنْخَفَضَ مُعَدَّلُ الخُصُوبَةِ3 فِي كُوريا الجَنُوبِيَّةِ إلَى 0.78 طِفْلَاً لُكِلِّ امْرَأَةٍ فِي عَامِ 2022. وَ هَذَا أَقَلُّ مُعَدَّلِ خُصُوبَةٍ فِي العَالَمِ. كُوريا الجَنُوبِيَّةُ البَلَدُ الوَحِيدُ بِمُعَدَّلِ خُصُوبَةٍ أَقَلَّ مِنْ وَاحِد (أَقَلّ مِنْ طِفْلٍ وَاحِدٍ لِكُلِّ امْرَأَةٍ)." content_ar_phonetic : "ainkhafad mueaddal alkhusubati3 fi kurya aljanubiat 'ilaa 0.78 tiflaan lukill amra'at fi eam 2022. w hadha 'aqall mueaddal khusubat fi alealami. kurya aljanubiat albalad alwahid bimueaddal khusubat 'aqall min wahid ('aqal min tifl wahid likull amra'atin).\r\n" content_en : "The fertility rate3 in South Korea decreased to 0.78 children per woman in 2022. This is the lowest fertility rate in the world. South Korea is the only country with a fertility rate of less than one (less than one child per woman)." content_en_phonetic : "The fertility rate3 in South Korea decreased to 0.78 children per woman in 2022. This is the lowest fertility rate in the world. South Korea is the only country with a fertility rate of less than one (less than one child per woman)." created_by : 1 created_ts : "2024 10 01 07:59:10.000000" end_ts : "2024 10 10 00:00:00.000000" media_id : 78 media_location_url : "https://heritage app admin api.demo.domains/uploads/I_66e90fec3987c.jpg" media_title_ar : "المناظر الطبيعية للمحيط Test" media_title_en : "" media_type : "P" section_id : 1 section_name_ar : "وظائف قديمة" section_name_en : "Communities" start_ts : "2024 10 01 00:00:00.000000" status : 1 sub_category_id : 1 tags_ar : "اختبار عربي, اختبار عربي" tags_en : "Pyramid, Passage, Corrider" title_ar : "اِنْخِفَاضٌ جَدِيدٌ لِمُعَدَّلِ الخُصُوبَةِ فِي كُوريا الجَنُوبِيَّةِ" title_ar_phonetic : "ainkhifad jadid fi mueadal alkhusubat fi kuria aljanubia" title_en : "New decline in fertility rate in South Korea" title_en_phonetic : "New decline in fertility rate in South Korea" updated_by : null updated_ts : "2024 10 01 07:59:10.000000" voice_ar : 78 voice_ar_type : "TTS" voice_en : 78 voice_en_type : null
