fix PR comments

src/components/HeaderGap/index.desktop.tsx

@@ -1,13 +1,12 @@
 import React, {memo} from 'react';
 import {View} from 'react-native';
 import useThemeStyles from '@styles/useThemeStyles';
-import HeaderGapComponent from './types';
+import HeaderGapProps from './types';
 
-// eslint-disable-next-line react/function-component-definition
-const HeaderGap: HeaderGapComponent = ({styles}) => {
+function HeaderGap({styles}: HeaderGapProps) {
     const themeStyles = useThemeStyles();
     return <View style={[themeStyles.headerGap, styles]} />;
-};
+}
 
 HeaderGap.displayName = 'HeaderGap';
 

src/components/HeaderGap/index.tsx

@@ -1,7 +1,11 @@
-import HeaderGapComponent from './types';
+import {ReactNode} from 'react';
+import HeaderGapProps from './types';
 
-// eslint-disable-next-line react/function-component-definition
-const HeaderGap: HeaderGapComponent = () => null;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function HeaderGap({styles}: HeaderGapProps): ReactNode {
+    return null;
+}
 
 HeaderGap.displayName = 'HeaderGap';
+
 export default HeaderGap;

src/components/HeaderGap/types.ts

@@ -1,10 +1,7 @@
-import React from 'react';
 import {StyleProp, ViewStyle} from 'react-native';
 
 type HeaderGapProps = {
     styles?: StyleProp<ViewStyle>;
 };
 
-type HeaderGapComponent = React.FunctionComponent<HeaderGapProps>;
-
-export default HeaderGapComponent;
+export default HeaderGapProps;