Translate <option> page [UPDATED]

Author: muh-osman

src/content/reference/react-dom/components/option.md

@@ -4,12 +4,8 @@ title: "<option>"
 
 <Intro>
 
-<div dir="rtl">
-
 يتيح لك [مكون الـ `<option>` المدمج في المتصفح](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) بعرض خيارات داخل مربع [`<select>`](/reference/react-dom/components/select).
 
-</div>
-
 ```js
 <select>
   <option value="someOption">بعض الخيارات</option>
@@ -23,14 +19,11 @@ title: "<option>"
 
 ---
 
-<div dir="rtl">
-
 ## المرجع {/*reference*/}
 
 ### `<option>` {/*option*/}
 
 يتيح لك [مكون الـ `<option>` المدمج في المتصفح](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) بعرض خيارات داخل مربع [`<select>`](/reference/react-dom/components/select).
-</div>
 
 ```js
 <select>
@@ -39,19 +32,17 @@ title: "<option>"
 </select>
 ```
 
-<div dir="rtl">
-
 [انظر الى المزيد من الأمثلة في الأسفل.](#usage)
 
-#### الخواص {/*props*/}
+#### الخصائص {/*props*/}
 
-تدعم `<option>` [جميع خواص العناصر الشائعة.](/reference/react-dom/components/common#props)
+تدعم `<option>` [جميع خصائص العناصر الشائعة.](/reference/react-dom/components/common#props)
 
-بالإضافة إلى ذلك ، يدعم `<option>` هذه الخواص:
+بالإضافة إلى ذلك ، يدعم `<option>` هذه الخصائص:
 
 * [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): قيمة منطقية. إذا كانت `true`، فلن يكون الخيار قابلاً للتحديد وسيظهر باهت.
 
-* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): سلسلة. تحدد معنى الخيار. إذا لم يتم تحديدها ، فسيتم استخدام النص الموجود داخل الخيار.
+* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): نص. يحدد معنى الخيار. إذا لم يتم تحديده ، فسيتم استخدام النص الموجود داخل الخيار.
 
 * [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): القيمة التي سيتم استخدامها [عند إرسال عنصر الأب `<select>` في النموذج](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) إذا تم تحديد هذا الخيار.
 
@@ -63,25 +54,23 @@ title: "<option>"
 
 ## الاستخدام {/*usage*/}
 
-### عرض مربع التحديد مع الخيارات {/*displaying-a-select-box-with-options*/}
+### عرض عنصر الاختيار مع الخيارات {/*displaying-a-select-box-with-options*/}
 
-قم بإنشاء `<select>` يتضمن داخله قائمة من مكونات `<option>` لعرض مربع تحديد. أعط كل `<option>` قيمة `<value>` تمثل البيانات التي سيتم رفعها مع النموذج.
+قم بإنشاء `<select>` يتضمن داخله قائمة من مكونات `<option>` لعرض مربع تحديد. أعط كل `<option>` قيمة `value` تمثل البيانات التي سيتم رفعها مع النموذج.
 
 [اقرأ المزيد حول عرض `<select>` بقائمة مكونات `<option>`.](/reference/react-dom/components/select)
 
-</div>
-
 <Sandpack>
 
 ```js
 export default function FruitPicker() {
   return (
-    <label dir= "rtl" >
+    <label>
       اختر فاكهة:
       <select name="selectedFruit">
-        <option value="تفاح">تفاح</option>
-        <option value="موز">موز</option>
-        <option value="برتقال">برتقال</option>
+        <option value="apple">تفاح</option>
+        <option value="banana">موز</option>
+        <option value="orange">برتقال</option>
       </select>
     </label>
   );