From d072aeb451f515b84b821367bfa3c12cfbeeb725 Mon Sep 17 00:00:00 2001
From: Olivier Bouillet <62574056+freeboub@users.noreply.github.com>
Date: Tue, 28 May 2024 11:58:50 +0200
Subject: [PATCH] Docs: fix controlsStyle ordering (#3848)

* docs: fix controlsStyle ordering
---
 docs/pages/component/props.mdx | 41 +++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/docs/pages/component/props.mdx b/docs/pages/component/props.mdx
index 6a1ff72362..6af3ef7817 100644
--- a/docs/pages/component/props.mdx
+++ b/docs/pages/component/props.mdx
@@ -47,27 +47,6 @@ A Boolean value that indicates whether the player should automatically delay pla
 - **false** - Immediately starts playback
 - **true (default)** - Delays playback in order to minimize stalling
 
-### `controlsStyles`
-
-<PlatformsList types={['Android']} />
-
-Adjust the control styles. This prop is need only if `controls={true}` and is an object. See the list of prop supported below.
-
-| Property        | Type    | Description                                                                             |
-|-----------------|---------|-----------------------------------------------------------------------------------------|
-| hideSeekBar     | boolean | The default value is `false`, allowing you to hide the seek bar for live broadcasts.    |
-| seekIncrementMS | number  | The default value is `10000`. You can change the value to increment forward and rewind. |
-
-Example with default values:
-
-```javascript
-controlsStyles={{
-  hideSeekBar: false,
-  seekIncrementMS: 10000,
-}}
-```
-
-
 ### `bufferConfig`
 
 <PlatformsList types={['Android']} />
@@ -160,6 +139,26 @@ Note on iOS, controls are always shown when in fullscreen mode.
 Note on Android, native controls are available by default.
 If needed, you can also add your controls or use a package like [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls) or [react-native-media-console](https://github.com/criszz77/react-native-media-console), see [Useful Side Project](/projects).
 
+### `controlsStyles`
+
+<PlatformsList types={['Android']} />
+
+Adjust the control styles. This prop is need only if `controls={true}` and is an object. See the list of prop supported below.
+
+| Property        | Type    | Description                                                                             |
+|-----------------|---------|-----------------------------------------------------------------------------------------|
+| hideSeekBar     | boolean | The default value is `false`, allowing you to hide the seek bar for live broadcasts.    |
+| seekIncrementMS | number  | The default value is `10000`. You can change the value to increment forward and rewind. |
+
+Example with default values:
+
+```javascript
+controlsStyles={{
+  hideSeekBar: false,
+  seekIncrementMS: 10000,
+}}
+```
+
 ### `contentStartTime`
 
 <PlatformsList types={['Android']} />