From b2a860024a02eedebf8670cc6d83331b6a415783 Mon Sep 17 00:00:00 2001
From: georgewrmarshall <george.marshall@consensys.net>
Date: Fri, 26 Jul 2024 15:04:49 -0700
Subject: [PATCH] chore: adding token currency display story

---
 .../token-currency-display.stories.tsx        | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 ui/components/ui/token-currency-display/token-currency-display.stories.tsx

diff --git a/ui/components/ui/token-currency-display/token-currency-display.stories.tsx b/ui/components/ui/token-currency-display/token-currency-display.stories.tsx
new file mode 100644
index 000000000000..7cf850c42c84
--- /dev/null
+++ b/ui/components/ui/token-currency-display/token-currency-display.stories.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+import TokenCurrencyDisplay from './token-currency-display.component';
+import { TokenCurrencyDisplayProps } from './token-currency-display.types';
+
+export default {
+  title: 'Components/UI/TokenCurrencyDisplay',
+  component: TokenCurrencyDisplay,
+  argTypes: {
+    className: { control: 'text' },
+    transactionData: { control: 'text' },
+    token: { control: 'object' },
+    prefix: { control: 'text' },
+  },
+} as Meta;
+
+const Template: Story<TokenCurrencyDisplayProps> = (args) => <TokenCurrencyDisplay {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {
+  className: '',
+  transactionData: '0x123',
+  token: { symbol: 'ETH' },
+  prefix: '',
+};