creating story for multilayer-fee-message & nft-options (#19567)

* creating story for multilayer fee message

* add story for nftoptions

* lint fixed

* suggestion

* Updating function props to actions in storybook

---------

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>

ui/components/app/multilayer-fee-message/multi-layer-fee-message.stories.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import MultilayerFeeMessage from './multi-layer-fee-message';
+
+export default {
+  title: 'Components/App/MultilayerFeeMessage',
+  component: MultilayerFeeMessage,
+  argTypes: {
+    transaction: {
+      control: 'object',
+    },
+    layer2fee: {
+      control: 'text',
+    },
+    nativeCurrency: {
+      control: 'text',
+    },
+    plainStyle: {
+      control: 'boolean',
+    },
+  },
+  args: {
+    transaction: {
+      txParams: {
+        value: '0x123456789',
+      },
+    },
+    layer2fee: '0x987654321',
+    nativeCurrency: 'ETH',
+    plainStyle: true,
+  },
+};
+
+export const DefaultStory = (args) => <MultilayerFeeMessage {...args} />;
+
+DefaultStory.storyName = 'Default';

ui/components/app/nft-options/nft-options.stories.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import NftOptions from './nft-options';
+
+export default {
+  title: 'Components/App/NftOptions',
+  component: NftOptions,
+  argTypes: {
+    onRemove: {
+      action: 'onRemove',
+    },
+    onViewOnOpensea: {
+      action: 'onViewOnOpensea',
+    },
+  },
+};
+
+export const DefaultStory = (args) => <NftOptions {...args} />;
+
+DefaultStory.storyName = 'Default';