working on search and import data

[NoamElisha]

No description provided.

[Tamir198]

left you some changes, if you want write me in here and I will give you another challenge for this pr

[Tamir198]

Good practice on using destructor here

[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}}
>