From 76ffe962f0889f7828c5f1d1c7b77f08a2feffcd Mon Sep 17 00:00:00 2001
From: Yauheni Pasiukevich <pasyukevich@live.com>
Date: Thu, 24 Aug 2023 21:52:05 +0200
Subject: [PATCH] migrate 'cardStyles' to ts

---
 src/styles/cardStyles/index.js        | 12 ------------
 src/styles/cardStyles/index.native.js |  3 ---
 src/styles/cardStyles/index.native.ts |  5 +++++
 src/styles/cardStyles/index.ts        | 12 ++++++++++++
 src/styles/cardStyles/types.ts        |  6 ++++++
 5 files changed, 23 insertions(+), 15 deletions(-)
 delete mode 100644 src/styles/cardStyles/index.js
 delete mode 100644 src/styles/cardStyles/index.native.js
 create mode 100644 src/styles/cardStyles/index.native.ts
 create mode 100644 src/styles/cardStyles/index.ts
 create mode 100644 src/styles/cardStyles/types.ts

diff --git a/src/styles/cardStyles/index.js b/src/styles/cardStyles/index.js
deleted file mode 100644
index d8af8a627ffe..000000000000
--- a/src/styles/cardStyles/index.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Get card style for cardStyleInterpolator
- * @param {Number} screenWidth
- * @returns {Object}
- */
-export default function getCardStyles(screenWidth) {
-    return {
-        position: 'fixed',
-        width: screenWidth,
-        height: '100%',
-    };
-}
diff --git a/src/styles/cardStyles/index.native.js b/src/styles/cardStyles/index.native.js
deleted file mode 100644
index fef33f500708..000000000000
--- a/src/styles/cardStyles/index.native.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function getCardStyles() {
-    return {};
-}
diff --git a/src/styles/cardStyles/index.native.ts b/src/styles/cardStyles/index.native.ts
new file mode 100644
index 000000000000..94b8758efd05
--- /dev/null
+++ b/src/styles/cardStyles/index.native.ts
@@ -0,0 +1,5 @@
+import GetCardStyles from './types';
+
+const getCardStyles: GetCardStyles = () => ({});
+
+export default getCardStyles;
diff --git a/src/styles/cardStyles/index.ts b/src/styles/cardStyles/index.ts
new file mode 100644
index 000000000000..823081b62904
--- /dev/null
+++ b/src/styles/cardStyles/index.ts
@@ -0,0 +1,12 @@
+import GetCardStyles from './types';
+
+/**
+ * Get card style for cardStyleInterpolator
+ */
+const getCardStyles: GetCardStyles = (screenWidth) => ({
+    position: 'fixed',
+    width: screenWidth,
+    height: '100%',
+});
+
+export default getCardStyles;
diff --git a/src/styles/cardStyles/types.ts b/src/styles/cardStyles/types.ts
new file mode 100644
index 000000000000..e1598b7696ff
--- /dev/null
+++ b/src/styles/cardStyles/types.ts
@@ -0,0 +1,6 @@
+import {CSSProperties} from 'react';
+import {ViewStyle} from 'react-native';
+
+type GetCardStyles = (screenWidth: number) => Partial<Pick<CSSProperties | ViewStyle, 'position' | 'width' | 'height'>>;
+
+export default GetCardStyles;