Merge pull request #8 from yauheni-kryzhyk-deriv/yauheni/74117/iconme…

…ssagecontent_ts_migration

Yauheni/74117/iconmessagecontent ts migration

packages/account/src/Components/icon-message-content/icon-message-content.jsx → packages/account/src/Components/icon-message-content/icon-message-content.tsx

@@ -1,10 +1,24 @@
 import React from 'react';
-import { PropTypes } from 'prop-types';
 import classNames from 'classnames';
 import { Div100vhContainer, Text } from '@deriv/components';
 import { isDesktop } from '@deriv/shared';
 
-const IconMessageContent = ({ children, className, full_width, icon, icon_row, message, text }) => (
+type TIconMessageContent = {
+    className?: string;
+    full_width?: boolean;
+    icon: React.ReactElement;
+    message: React.ReactNode;
+    text?: string | React.ReactElement;
+};
+
+const IconMessageContent = ({
+    children,
+    className,
+    full_width,
+    icon,
+    message,
+    text,
+}: React.PropsWithChildren<TIconMessageContent>) => (
     <Div100vhContainer
         className={classNames('account-management__message-wrapper', {
             'account-management__message-wrapper-full-width': full_width,
@@ -26,7 +40,6 @@ const IconMessageContent = ({ children, className, full_width, icon, icon_row, m
                     {icon}
                 </div>
             )}
-            {icon_row && <div>{icon_row}</div>}
             <Text
                 as='div'
                 color='general'
@@ -58,13 +71,4 @@ const IconMessageContent = ({ children, className, full_width, icon, icon_row, m
     </Div100vhContainer>
 );
 
-IconMessageContent.propTypes = {
-    children: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.bool]),
-    className: PropTypes.string,
-    full_width: PropTypes.bool,
-    icon: PropTypes.object,
-    icon_row: PropTypes.object,
-    message: PropTypes.oneOfType([PropTypes.node, PropTypes.string, PropTypes.object]),
-    text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-};
 export default IconMessageContent;

packages/account/src/Components/icon-message-content/index.ts

@@ -0,0 +1,3 @@
+import IconMessageContent from './icon-message-content';
+
+export default IconMessageContent;