import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
import type { Pokemon } from './types'

export const pokemonApi = createApi({
	baseQuery: fetchBaseQuery({ baseUrl: 'https://pokeapi.co/api/v2/' }),
	endpoints: (builder) => ({
		//												 ResultType   QueryArg
		//															 v        v
		getPokemonById: builder.query<Pokemon, number>({
			// inferred as `number` from the `QueryArg` type
			//       v
			query: (id) => 'pokemon/' + id,
		}),
		getPokemonByName: builder.query<Pokemon, string>({
			query: (name) => 'pokemon/' + name,
		}),
	}),
})

export const { useGetPokemonByIdQuery, useGetPokemonByNameQuery } = pokemonApi