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

…tor/migrate-reportactionitemgrouped-to-typescript [TS migration] Migrate 'ReportActionItemGrouped.js' component to TypeScript
Expensify · Dec 12, 2023 · bc121d7 · bc121d7
2 parents 776849a + be21279
commit bc121d7
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 31 deletions.
diff --git a/src/pages/home/report/ReportActionItemGrouped.js b/src/pages/home/report/ReportActionItemGrouped.js
diff --git a/src/pages/home/report/ReportActionItemGrouped.tsx b/src/pages/home/report/ReportActionItemGrouped.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import {StyleProp, View, ViewStyle} from 'react-native';
+import useThemeStyles from '@styles/useThemeStyles';
+import ChildrenProps from '@src/types/utils/ChildrenProps';
+
+type ReportActionItemGroupedProps = ChildrenProps & {
+    /** Styles for the outermost View */
+    wrapperStyle?: StyleProp<ViewStyle>;
+};
+
+function ReportActionItemGrouped({wrapperStyle, children}: ReportActionItemGroupedProps) {
+    const styles = useThemeStyles();
+    return (
+        <View style={[styles.chatItem, wrapperStyle]}>
+            <View style={styles.chatItemRightGrouped}>{children}</View>
+        </View>
+    );
+}
+
+ReportActionItemGrouped.displayName = 'ReportActionItemGrouped';
+
+export default ReportActionItemGrouped;