Adding story for CancelButton (MetaMask#19566)

Co-authored-by: georgewrmarshall <[email protected]>

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';