From 0b5a98d859748bbf39d96a8cbe6b3020e4d9ed6a Mon Sep 17 00:00:00 2001
From: Jason Zhu <jasonzhuyq@outlook.com>
Date: Wed, 22 Mar 2023 21:50:35 +1100
Subject: [PATCH] Implement first iteration of Pokemon.stories.tsx

---
 .../Pokedex/Pokemon/Pokemon.stories.tsx       | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/features/Pokedex/Pokemon/Pokemon.stories.tsx

diff --git a/src/features/Pokedex/Pokemon/Pokemon.stories.tsx b/src/features/Pokedex/Pokemon/Pokemon.stories.tsx
new file mode 100644
index 0000000..7c41cf8
--- /dev/null
+++ b/src/features/Pokedex/Pokemon/Pokemon.stories.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+
+import Pokemon, { PokemonProps } from './Pokemon';
+import charizard from 'assets/charizard.svg';
+
+export default {
+  title: 'Pokedex/PokemonCard',
+  component: Pokemon,
+} as ComponentMeta<typeof Pokemon>;
+
+const Template: ComponentStory<typeof Pokemon> = (args: PokemonProps) => (
+  <Pokemon {...args} />
+);
+
+export const Primary = Template.bind({});
+
+Primary.args = {
+  name: 'Charizard',
+  number: '#006',
+  image: charizard,
+};
+
+export const Charizard = Template.bind({});
+Charizard.args = {
+  name: 'Charizard',
+  number: '#006',
+  image: charizard,
+};