// with return with a single child
{events.map((item) => {
  return <p>{item.title}</p>;
  }
)}

// with return with a multiple children
{events.map((item) => {
  return (
  <>
    <p>{item.title}</p>
   <p>{item.description}</p>
  </>
  );
 }
)}

// with return and conditional
{events.map((item, index) => {
  if (index % 2 === 0) {
    return (
      <p>{index}{item.title}</p>
  	);
  }
})}

//no return declaration and single child
{events.map((item, index) => (
  <p>{item.title}</p>
  )
)}

//no return declaration and multiple chidlren
{events.map((item, index) => (
  <>
  	<p>{item.title}</p>
  	<p>{item.description}</p>
  </>
 )
)}

//Ps.: conditionals are only allowed with return declaration