ما هو نوع بيانات prop children في React و TypeScript؟

```html السلام عليكم! لقد بدأت مؤخراً في تعلم TypeScript مع React وواجهت موقفاً غير مفهوم. أقوم بإنشاء مكون غلاف يجب أن يقبل العناصر الفرعية. في JavaScript العادي كنت أكتب `props.children` وكان كل شيء يعمل. لكن في TypeScript أحتاج إلى تحديد الأنواع، ولا أفهم أي نوع يجب تحديده لـ `children`. إليك مثال على الكود الخاص بي: ```tsx interface CardProps { title: string; children: ???; // ماذا أكتب هنا؟ } function Card({ title, children }: CardProps) { return ( ); } ``` لقد جربت كتابة `children: any`، لكن هذا ليس جيداً، حيث تُفقد كتابة الأنواع. وجربت `children: ReactNode` - يبدو أنه يعمل، لكنني لست متأكداً إذا كان صحيحاً. ورأيت أيضاً أن البعض يستخدم `ReactChild` أو `ReactElement`. ما الفرق؟ وماذا لو أردت أن يقبل المكون عنصراً فرعياً واحداً فقط؟ أو العكس؟ ```