function FruitList({
  fruits = [
    { id: 1, name: 'Apple' },
    { id: 2, name: 'Mango' },
  ],
}) {
  return (
    <ul>
      {fruits.map((fruit) => (
        <li key={fruit.id}>{fruit.name}</li>
      ))}
    </ul>
  );
}

export default FruitList;

// fruits = [{ id: 1, name: 'Apple' }, { id: 2, name: 'Mango' }]