// make your imports here, useState not required just using as example
import { useState } from "react";

// declare properties types
interface exampleObject {
url: string;
iosIcon: string;
mdIcon: string;
title: string;
}
// notice plural and singular here exampleObjects and exampleObject
// THE OBJECT
const exampleObjects: exampleObject[] = [
    {
      title: "Spell",
      url: "/page/Spell",
      iosIcon: mailOutline,
      mdIcon: mailSharp,
    },
  ];


const Menu: React.FC = () => {
    return (
// loop through the object
{exampleObjects.map((exampleObject, index) => {
    return (
      <IonItem lines="none" key={index}>
        <IonLabel>{exampleObject.title}</IonLabel>
        <IonRadio slot="start" value={exampleObject.title} />
      </IonItem>
    );
  })}

  );
};

export default Menu;




// make your imports here, useState not required just using as example
import { useState } from "react";

// declare properties types
interface exampleObject {
url: string;
iosIcon: string;
mdIcon: string;
title: string;
}
// notice plural and singular here exampleObjects and exampleObject
// THE OBJECT
const exampleObjects: exampleObject[] = [
    {
      title: "Spell",
      url: "/page/Spell",
      iosIcon: mailOutline,
      mdIcon: mailSharp,
    },
  ];


const Menu: React.FC = () => {
    return (
// loop through the object
{exampleObjects.map((exampleObject, index) => {
    return (
      <IonItem lines="none" key={index}>
        <IonLabel>{exampleObject.title}</IonLabel>
        <IonRadio slot="start" value={exampleObject.title} />
      </IonItem>
    );
  })}

  );
};

export default Menu;