diff --git a/src/App.tsx b/src/App.tsx
index a4575d9..806aac8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,14 +2,14 @@ import React from 'react';
import './App.css';
import Header from 'components/Header';
import Filters from 'components/Filters';
-import { Pokemon } from 'features/Pokedex/Pokemon';
+import { Pokedex } from './features/Pokedex/Pokedex';
function App() {
return (
);
}
diff --git a/src/features/Pokedex/Pokedex.tsx b/src/features/Pokedex/Pokedex.tsx
new file mode 100644
index 0000000..de04b0d
--- /dev/null
+++ b/src/features/Pokedex/Pokedex.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Pokemon } from './Pokemon';
+
+import charizard from 'assets/charizard.svg';
+
+export function Pokedex() {
+ return ;
+}
diff --git a/src/features/Pokedex/Pokemon/Pokemon.tsx b/src/features/Pokedex/Pokemon/Pokemon.tsx
index 3e7d19d..8c46480 100644
--- a/src/features/Pokedex/Pokemon/Pokemon.tsx
+++ b/src/features/Pokedex/Pokemon/Pokemon.tsx
@@ -1,12 +1,17 @@
import React from 'react';
import './Pokemon.css';
-import charizard from '../../../assets/charizard.svg';
-export function Pokemon() {
+interface PokemonProps {
+ name: string;
+ number: string;
+ image: string;
+}
+
+export function Pokemon({ name, number, image }: PokemonProps) {
return (
-
#006
+
{number}
-
+
-
Charizard
+ {name}
);