From cb7ba8208be15db5589ec7cddd53fe77a367ea48 Mon Sep 17 00:00:00 2001
From: cdOut <88325488+cdOut@users.noreply.github.com>
Date: Thu, 7 Dec 2023 15:36:38 +0100
Subject: [PATCH] migrate MoneyRequestHeaderStatusBar to typescript

---
 ...rStatusBar.js => MoneyRequestHeaderStatusBar.tsx} | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)
 rename src/components/{MoneyRequestHeaderStatusBar.js => MoneyRequestHeaderStatusBar.tsx} (80%)

diff --git a/src/components/MoneyRequestHeaderStatusBar.js b/src/components/MoneyRequestHeaderStatusBar.tsx
similarity index 80%
rename from src/components/MoneyRequestHeaderStatusBar.js
rename to src/components/MoneyRequestHeaderStatusBar.tsx
index fc91678cf6fb..09ff6560e14d 100644
--- a/src/components/MoneyRequestHeaderStatusBar.js
+++ b/src/components/MoneyRequestHeaderStatusBar.tsx
@@ -1,21 +1,20 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import {View} from 'react-native';
 import useThemeStyles from '@styles/useThemeStyles';
 import Text from './Text';
 
-const propTypes = {
+type MoneyRequestHeaderStatusBarProps = {
     /** Title displayed in badge */
-    title: PropTypes.string.isRequired,
+    title: string;
 
     /** Banner Description */
-    description: PropTypes.string.isRequired,
+    description: string;
 
     /** Whether we show the border bottom */
-    shouldShowBorderBottom: PropTypes.bool.isRequired,
+    shouldShowBorderBottom: boolean;
 };
 
-function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom}) {
+function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom}: MoneyRequestHeaderStatusBarProps) {
     const styles = useThemeStyles();
     const borderBottomStyle = shouldShowBorderBottom ? styles.borderBottom : {};
     return (
@@ -31,6 +30,5 @@ function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom
 }
 
 MoneyRequestHeaderStatusBar.displayName = 'MoneyRequestHeaderStatusBar';
-MoneyRequestHeaderStatusBar.propTypes = propTypes;
 
 export default MoneyRequestHeaderStatusBar;