Merge pull request #32197 from callstack-internal/pac-guerreiro/refac…

…tor/migrate-walletsection-to-typescript

src/components/WalletSection.js → src/components/WalletSection.tsx

@@ -1,29 +1,21 @@
-import PropTypes from 'prop-types';
 import React from 'react';
+import {SvgProps} from 'react-native-svg';
 import useThemeStyles from '@styles/useThemeStyles';
+import ChildrenProps from '@src/types/utils/ChildrenProps';
 import Section from './Section';
 
-const propTypes = {
-    /** Contents to display inside the section */
-    children: PropTypes.node,
-
+type WalletSectionProps = ChildrenProps & {
     /** The icon to display along with the title */
-    icon: PropTypes.func,
+    icon: React.FC<SvgProps>;
 
     /** The text to display in the subtitle of the section */
-    subtitle: PropTypes.string,
+    subtitle: string;
 
     /** The text to display in the title of the section */
-    title: PropTypes.string.isRequired,
-};
-
-const defaultProps = {
-    children: null,
-    icon: null,
-    subtitle: null,
+    title: string;
 };
 
-function WalletSection({children, icon, subtitle, title}) {
+function WalletSection({children, icon, subtitle, title}: WalletSectionProps) {
     const styles = useThemeStyles();
     return (
         <Section
@@ -39,8 +31,6 @@ function WalletSection({children, icon, subtitle, title}) {
     );
 }
 
-WalletSection.defaultProps = defaultProps;
 WalletSection.displayName = 'WalletSection';
-WalletSection.propTypes = propTypes;
 
 export default WalletSection;