From 639de748fbb1e201e6a1fb43e62326141b384469 Mon Sep 17 00:00:00 2001
From: rohit kerkar <129620973+rohiiittttt@users.noreply.github.com>
Date: Wed, 21 Jun 2023 02:14:54 +0530
Subject: [PATCH] Adding story for CancelButton (#19566)

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
---
 .../cancel-button/cancel-buitton.stories.js   | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 ui/components/app/cancel-button/cancel-buitton.stories.js

diff --git a/ui/components/app/cancel-button/cancel-buitton.stories.js b/ui/components/app/cancel-button/cancel-buitton.stories.js
new file mode 100644
index 000000000..dad8cd782
--- /dev/null
+++ b/ui/components/app/cancel-button/cancel-buitton.stories.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import CancelButton from './cancel-button';
+
+export default {
+  title: 'Components/App/CancelButton',
+  component: CancelButton,
+  argTypes: {
+    transaction: {
+      control: 'object',
+    },
+    cancelTransaction: {
+      control: 'cancelTransaction',
+    },
+    detailsModal: {
+      control: 'boolean',
+    },
+  },
+  args: {
+    detailsModal: true,
+    transaction: {
+      id: '12345',
+      status: 'pending',
+    },
+  },
+};
+
+export const DefaultStory = (args) => <CancelButton {...args} />;
+
+DefaultStory.storyName = 'Default';