import React, { useState } from 'react'; import { STORIES } from './constants'; import { Story } from './types'; const StoryCard: React.FC<{ story: Story }> = ({ story }) => { const [showAnswer, setShowAnswer] = useState(false); return (

{story.title}

{story.dialogues.map((dialogue, index) => (

{dialogue.character}

"{dialogue.text}"

))}

❓ សំណួរ៖ {story.question}

{showAnswer && (

✅ ចម្លើយ៖ {story.answer}

)}

); }; const App: React.FC = () => { return (

{/* Header */}

រឿងប្រកបដោយចំណោទបញ្ហា

ស្វែងយល់ពីសាច់រឿង សំណួរ និងចម្លើយ ដែលត្រូវបានបកប្រែជាភាសាខ្មែរយ៉ាងសម្រិតសម្រាំង។

{/* Background Decorative Circles */}

{/* Main Content */}

{STORIES.map((story) => ( ))}

{/* Footer */}

© ២០២៤ - ការបកប្រែសម្រួលជាភាសាខ្មែរ

); };