From 453341e19b2287a006767d54265d318af2ed537d Mon Sep 17 00:00:00 2001
From: Yauheni Pasiukevich <pasyukevich@live.com>
Date: Mon, 28 Aug 2023 12:27:27 +0200
Subject: [PATCH] migrate getReportActionContextMenuStyles to ts

---
 ...s.js => getReportActionContextMenuStyles.ts} | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)
 rename src/styles/{getReportActionContextMenuStyles.js => getReportActionContextMenuStyles.ts} (66%)

diff --git a/src/styles/getReportActionContextMenuStyles.js b/src/styles/getReportActionContextMenuStyles.ts
similarity index 66%
rename from src/styles/getReportActionContextMenuStyles.js
rename to src/styles/getReportActionContextMenuStyles.ts
index 026306084ce4..17f0828ab80c 100644
--- a/src/styles/getReportActionContextMenuStyles.js
+++ b/src/styles/getReportActionContextMenuStyles.ts
@@ -1,12 +1,16 @@
+import {CSSProperties} from 'react';
+import {ViewStyle} from 'react-native';
 import styles from './styles';
 import variables from './variables';
 import themeColors from './themes/default';
 
-const defaultWrapperStyle = {
+type StylesArray = Array<ViewStyle | CSSProperties>;
+
+const defaultWrapperStyle: ViewStyle | CSSProperties = {
     backgroundColor: themeColors.componentBG,
 };
 
-const miniWrapperStyle = [
+const miniWrapperStyle: StylesArray = [
     styles.flexRow,
     defaultWrapperStyle,
     {
@@ -18,16 +22,15 @@ const miniWrapperStyle = [
     },
 ];
 
-const bigWrapperStyle = [styles.flexColumn, defaultWrapperStyle];
+const bigWrapperStyle: StylesArray = [styles.flexColumn, defaultWrapperStyle];
 
 /**
  * Generate the wrapper styles for the ReportActionContextMenu.
  *
- * @param {Boolean} isMini
- * @param {Boolean} isSmallScreenWidth
- * @returns {Array}
+ * @param isMini
+ * @param isSmallScreenWidth
  */
-function getReportActionContextMenuStyles(isMini, isSmallScreenWidth) {
+function getReportActionContextMenuStyles(isMini: boolean, isSmallScreenWidth: boolean): StylesArray {
     if (isMini) {
         return miniWrapperStyle;
     }