add a json data to the page and implement search input

[hodayakaro123]

No description provided.

[Tamir198]

Left you some comments

[Tamir198]

Remove this

[Tamir198]

You can add another props to you Card component like this :

export const Country = ({ name, flag, population, region, capital, ...props }) => { 
  return (
    <div {...props}>
      <img src={flag} alt={`${name} flag`} width="100" />
      <h2>{name}</h2>
      <p>Population: {population.toLocaleString()}</p>
      <p>Region: {region}</p>
      <p>Capital: {capital}</p>
    </div>
  );
};

Then all you need to do it call you component like this:

<Country
     //Your props goes in here
      {...country}}
>