import { useState } from "react";

import CountrySWR from "./CountrySWR";

export default function SearchForm(){

    const [countryName, setCountryName] = useState("a");

 const handleSubmit = (e:any) => {

    e.preventDefault();

    // in here query is a id of input which located in form

      console.log(e.target.query.value)

}

    return (

        <>

<form onSubmit={handleSubmit}>

  <input id='query' type="text" />

  <button type='submit'>submit</button>

</form>

            <CountrySWR name={countryName}/>

        </>

    );

};