migrate HeaderGap to TS

software-mansion-labs · Dec 5, 2023 · 4f5e306 · 4f5e306
1 parent 8d934ae
commit 4f5e306
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 25 deletions.
diff --git a/src/components/HeaderGap/index.desktop.js b/src/components/HeaderGap/index.desktop.js
diff --git a/src/components/HeaderGap/index.desktop.tsx b/src/components/HeaderGap/index.desktop.tsx
@@ -0,0 +1,15 @@
+import React, {memo} from 'react';
+import {StyleProp, View, ViewStyle} from 'react-native';
+import useThemeStyles from '@styles/useThemeStyles';
+
+type HeaderGapProps = {
+    style: StyleProp<ViewStyle>;
+};
+
+function HeaderGap({style}: HeaderGapProps) {
+    const themeStyles = useThemeStyles();
+    return <View style={[themeStyles.headerGap, style]} />;
+}
+
+HeaderGap.displayName = 'HeaderGap';
+export default memo(HeaderGap);