From 04be9527ddc626fc0e25c7da7c057b40b3b8975b Mon Sep 17 00:00:00 2001
From: Juan Felipe Rada <radapls8@gmail.com>
Date: Thu, 23 Mar 2023 11:56:38 -0300
Subject: [PATCH 1/3] docs: Add translate file to <option> section

---
 .../reference/react-dom/components/option.md  | 47 +++++++++----------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/beta/src/content/reference/react-dom/components/option.md b/beta/src/content/reference/react-dom/components/option.md
index be1db0d61..a1a86b52e 100644
--- a/beta/src/content/reference/react-dom/components/option.md
+++ b/beta/src/content/reference/react-dom/components/option.md
@@ -4,12 +4,12 @@ title: "<option>"
 
 <Intro>
 
-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+El [componente integrado `<option>` del navegador](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) le permite mostrar una opción dentro de un cuadro [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
-  <option value="someOption">Some option</option>
-  <option value="otherOption">Other option</option>
+  <option value="someOption">Alguna opción</option>
+  <option value="otherOption">Otra opción</option>
 </select>
 ```
 
@@ -19,44 +19,44 @@ The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/
 
 ---
 
-## Reference {/*reference*/}
+## Referencia {/*reference*/}
 
 ### `<option>` {/*option*/}
 
-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+El [componente integrado `<option>` del navegador](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) le permite mostrar una opción dentro de un cuadro [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
-  <option value="someOption">Some option</option>
-  <option value="otherOption">Other option</option>
+  <option value="someOption">Alguna opción</option>
+  <option value="otherOption">Otra opción</option>
 </select>
 ```
 
-[See more examples below.](#usage)
+[Vea más ejemplos a continuación.](#usage)
 
 #### Props {/*props*/}
 
-`<option>` supports all [common element props.](/reference/react-dom/components/common#props)
+`<option>` es compatible con todos los [props de elementos comunes.](/reference/react-dom/components/common#props)
 
-Additionally, `<option>` supports these props:
+Además, `<opción>` admite estas props:
 
-* [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): A boolean. If `true`, the option will not be selectable and will appear dimmed.
-* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): A string. Specifies the meaning of the option. If not specified, the text inside the option is used.
-* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): The value to be used [when submitting the parent `<select>` in a form](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) if this option is selected.
+* [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): Un booleano. Si es `verdadero`, la opción no se podrá seleccionar y aparecerá atenuada.
+* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): Una string. Especifica el significado de la opción. Si no se especifica, se utiliza el texto dentro de la opción.
+* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): El valor que se usará [al enviar el padre `<select>` en un formulario](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) si se selecciona esta opción.
 
-#### Caveats {/*caveats*/}
+#### Advertencias {/*caveats*/}
 
-* React does not support the `selected` attribute on `<option>`. Instead, pass this option's `value` to the parent [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) for an uncontrolled select box, or [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) for a controlled select box.
+* React no admite el atributo `selected` en `<option>`. En su lugar, pase el `value` de esta opción al padre [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) para un cuadro de selección no controlado, o [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) para un cuadro de selección controlado.
 
 ---
 
-## Usage {/*usage*/}
+## Uso {/*usage*/}
 
-### Displaying a select box with options {/*displaying-a-select-box-with-options*/}
+### Mostrar un cuadro de selección con opciones {/*displaying-a-select-box-with-options*/}
 
-Render a `<select>` with a list of `<option>` components inside to display a select box. Give each `<option>` a `value` representing the data to be submitted with the form.
+Representa un `<select>` con una lista de componentes `<option>` dentro para mostrar un cuadro de selección. Asigne a cada `<option>` un `value` que represente los datos que se enviarán con el formulario.
 
-[Read more about displaying a `<select>` with a list of `<option>` components.](/reference/react-dom/components/select)
+[Obtenga más información sobre cómo mostrar `<select>` con una lista de componentes `<option>`.](/reference/react-dom/components/select)
 
 <Sandpack>
 
@@ -66,9 +66,9 @@ export default function FruitPicker() {
     <label>
       Pick a fruit:
       <select name="selectedFruit">
-        <option value="apple">Apple</option>
-        <option value="banana">Banana</option>
-        <option value="orange">Orange</option>
+        <option value="manzana">Manzana</option>
+        <option value="banano">Banano</option>
+        <option value="naranja">Naranja</option>
       </select>
     </label>
   );
@@ -79,5 +79,4 @@ export default function FruitPicker() {
 select { margin: 5px; }
 ```
 
-</Sandpack>  
-
+</Sandpack>

From c1ef9a348eebeaab2b24d609efae9112d17ab82d Mon Sep 17 00:00:00 2001
From: Juan Felipe Rada <63562282+Radapls@users.noreply.github.com>
Date: Thu, 23 Mar 2023 12:21:06 -0300
Subject: [PATCH 2/3] Update option.md

---
 .../reference/react-dom/components/option.md  | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/beta/src/content/reference/react-dom/components/option.md b/beta/src/content/reference/react-dom/components/option.md
index a1a86b52e..92a000dbe 100644
--- a/beta/src/content/reference/react-dom/components/option.md
+++ b/beta/src/content/reference/react-dom/components/option.md
@@ -4,7 +4,7 @@ title: "<option>"
 
 <Intro>
 
-El [componente integrado `<option>` del navegador](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) le permite mostrar una opción dentro de un cuadro [`<select>`](/reference/react-dom/components/select).
+El [componente integrado `<option>` del navegador](https://developer.mozilla.org/es/docs/Web/HTML/Element/option) te permite mostrar una opción dentro de un cuadro [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
@@ -23,7 +23,7 @@ El [componente integrado `<option>` del navegador](https://developer.mozilla.org
 
 ### `<option>` {/*option*/}
 
-El [componente integrado `<option>` del navegador](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) le permite mostrar una opción dentro de un cuadro [`<select>`](/reference/react-dom/components/select).
+El [componente integrado `<option>` del navegador](https://developer.mozilla.org/es/docs/Web/HTML/Element/option) te permite mostrar una opción dentro de un cuadro [`<select>`](/reference/react-dom/components/select).
 
 ```js
 <select>
@@ -32,21 +32,21 @@ El [componente integrado `<option>` del navegador](https://developer.mozilla.org
 </select>
 ```
 
-[Vea más ejemplos a continuación.](#usage)
+[Mira más ejemplos a continuación.](#usage)
 
 #### Props {/*props*/}
 
 `<option>` es compatible con todos los [props de elementos comunes.](/reference/react-dom/components/common#props)
 
-Además, `<opción>` admite estas props:
+Además, `<option>` admite estas props:
 
-* [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#disabled): Un booleano. Si es `verdadero`, la opción no se podrá seleccionar y aparecerá atenuada.
-* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): Una string. Especifica el significado de la opción. Si no se especifica, se utiliza el texto dentro de la opción.
-* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value): El valor que se usará [al enviar el padre `<select>` en un formulario](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) si se selecciona esta opción.
+* [`disabled`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option#attr-disabled): Un booleano. Si es `verdadero`, la opción no se podrá seleccionar y aparecerá atenuada.
+* [`label`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option#attr-label): Una string. Especifica el significado de la opción. Si no se especifica, se utiliza el texto dentro de la opción.
+* [`value`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option#attr-value: El valor que se usará [al enviar el padre `<select>` en un formulario](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) si se selecciona esta opción.
 
 #### Advertencias {/*caveats*/}
 
-* React no admite el atributo `selected` en `<option>`. En su lugar, pase el `value` de esta opción al padre [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) para un cuadro de selección no controlado, o [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) para un cuadro de selección controlado.
+* React no admite el atributo `selected` en `<option>`. En su lugar, pasa el `value` de esta opción al padre [`<select defaultValue>`](/reference/react-dom/components/select#providing-an-initially-selected-option) para un cuadro de selección no controlado, o [`<select value>`](/reference/react-dom/components/select#controlling-a-select-box-with-a-state-variable) para un cuadro de selección controlado.
 
 ---
 
@@ -54,9 +54,9 @@ Además, `<opción>` admite estas props:
 
 ### Mostrar un cuadro de selección con opciones {/*displaying-a-select-box-with-options*/}
 
-Representa un `<select>` con una lista de componentes `<option>` dentro para mostrar un cuadro de selección. Asigne a cada `<option>` un `value` que represente los datos que se enviarán con el formulario.
+Representa un `<select>` con una lista de componentes `<option>` dentro para mostrar un cuadro de selección. Asigna a cada `<option>` un `value` que represente los datos que se enviarán con el formulario.
 
-[Obtenga más información sobre cómo mostrar `<select>` con una lista de componentes `<option>`.](/reference/react-dom/components/select)
+[Obtén más información sobre cómo mostrar un `<select>` con una lista de componentes `<option>`.](/reference/react-dom/components/select)
 
 <Sandpack>
 

From 7d601d1e7f7124a997d397e14556f4195b5df80c Mon Sep 17 00:00:00 2001
From: Rainer Martinez <rmartinezfraga@yandex.com>
Date: Fri, 31 Mar 2023 11:30:49 -0400
Subject: [PATCH 3/3] Apply suggestions from code review

---
 beta/src/content/reference/react-dom/components/option.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/beta/src/content/reference/react-dom/components/option.md b/beta/src/content/reference/react-dom/components/option.md
index 92a000dbe..082847dbf 100644
--- a/beta/src/content/reference/react-dom/components/option.md
+++ b/beta/src/content/reference/react-dom/components/option.md
@@ -36,13 +36,13 @@ El [componente integrado `<option>` del navegador](https://developer.mozilla.org
 
 #### Props {/*props*/}
 
-`<option>` es compatible con todos los [props de elementos comunes.](/reference/react-dom/components/common#props)
+`<option>` es compatible con todas las [props de elementos comunes.](/reference/react-dom/components/common#props)
 
 Además, `<option>` admite estas props:
 
 * [`disabled`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option#attr-disabled): Un booleano. Si es `verdadero`, la opción no se podrá seleccionar y aparecerá atenuada.
 * [`label`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option#attr-label): Una string. Especifica el significado de la opción. Si no se especifica, se utiliza el texto dentro de la opción.
-* [`value`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option#attr-value: El valor que se usará [al enviar el padre `<select>` en un formulario](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) si se selecciona esta opción.
+* [`value`](https://developer.mozilla.org/es/docs/Web/HTML/Element/option#attr-value: El valor que se usará [al enviar el `<select>` padre en un formulario](/reference/react-dom/components/select#reading-the-select-box-value-when-submitting-a-form) si se selecciona esta opción.
 
 #### Advertencias {/*caveats*/}