From 58852b038466466b670e8c2ffb4a5182ffb65984 Mon Sep 17 00:00:00 2001
From: "devin-ai-integration[bot]"
 <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Tue, 25 Jun 2024 17:10:23 +0000
Subject: [PATCH] chore: Create a story for AnimatedTransactionModal component

---
 .../AnimatedTransactionModal.stories.tsx      | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 app/components/UI/AnimatedTransactionModal/AnimatedTransactionModal.stories.tsx

diff --git a/app/components/UI/AnimatedTransactionModal/AnimatedTransactionModal.stories.tsx b/app/components/UI/AnimatedTransactionModal/AnimatedTransactionModal.stories.tsx
new file mode 100644
index 00000000000..074af08a875
--- /dev/null
+++ b/app/components/UI/AnimatedTransactionModal/AnimatedTransactionModal.stories.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react-native';
+import { View, Text } from 'react-native';
+import AnimatedTransactionModal from './index';
+
+const AnimatedTransactionModalMeta: ComponentMeta<
+  typeof AnimatedTransactionModal
+> = {
+  title: 'UI / AnimatedTransactionModal',
+  component: AnimatedTransactionModal,
+  argTypes: {
+    review: { action: 'review' },
+    onModeChange: { action: 'onModeChange' },
+    ready: { control: 'boolean' },
+    children: { control: 'object' },
+  },
+};
+
+export default AnimatedTransactionModalMeta;
+
+const Default: ComponentStory<typeof AnimatedTransactionModal> = (args) => (
+  <AnimatedTransactionModal {...args}>
+    <View>
+      <Text>Child Component</Text>
+    </View>
+  </AnimatedTransactionModal>
+);
+
+Default.args = {
+  review: () => {
+    // Mock implementation for review function
+  },
+  onModeChange: (_mode: string) => {
+    // Mock implementation for onModeChange function
+  },
+  ready: true,
+  children: (
+    <View>
+      <Text>Child Component</Text>
+    </View>
+  ),
+};
+
+export { Default };