const generateLists = () => {
  const languages = [
    { id: 1,  name: "Python",  url: "https://python.org/",
      frameworks: [
        { id: 1, name: "Disnake (Discord Bots In Python)", url: "https://docs.disnake.dev/en/latest/" },
        { id: 2, name: "Qt - PySide6", url: "https://pypi.org/project/PySide6/" },
      ],
      libraries: [
        {  id: 1, name: "Datetime", url: "https://docs.python.org/3/library/datetime.html", },
        {
          id: 2,
          name: "Date",
          url: "https://docs.python.org/3/library/datetime.html#:~:text=Available%20Types-,class%20datetime.date,-An%20idealized%20naive",
        },
        { id: 3, name: "Time", url: "https://docs.python.org/3/library/time.html#module-time", }
      ],
    },
    {
      id: 2, name: "JavaScript", url: "https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript",
      frameworks: [
        { id: 1, name: "React JS", url: "https://react.dev/" },
        { id: 2, name: "React Native", url: "https://reactnative.dev/" },
      ],
      libraries: [
        { id: 1, name: "Style Components", url: "https://styled-components.com/" },
        { id: 2, name: "BootStrap", url: "https://getbootstrap.com/" },
        { id: 3, name: "React Router Dom", url: "https://www.npmjs.com/package/react-router-dom" },
      ],
    },
    {
      id: 3, name: "C#", url: "",
      frameworks: [
        { id: 1, name: "Avalonia", url: "https://docs.avaloniaui.net/docs/welcome" },
      ],
      libraries: [
        { id: 1, name: "System.DateTimeOffset", url: "https://learn.microsoft.com/en-us/dotnet/api/system.datetimeoffset?view=net-8.0" },
        { id: 2, name: "TimeSpan", url: "https://learn.microsoft.com/en-us/dotnet/api/system.timespan?view=net-8.0" },
        { id: 3, name: "System.DateTime", url: "https://learn.microsoft.com/en-us/dotnet/api/system.datetime?view=net-8.0" },
      ],
    },
    {
      id: 4, name:"HTML", url: "",
      frameworks: [],
      libraries: [
        { id: 1, name: "Google Fonts", url: "https://fonts.google.com" },
      ],
    },
    { id: 5, name: "CSS", url: "https://developer.mozilla.org/en-US/docs/Web/CSS" },
    { id: 6, name: "Axaml (Avalonia)", url: "https://docs.avaloniaui.net/docs/basics/user-interface/introduction-to-xaml" },
  ];

  return languages.map((lang) => {
    return (
      <li id={lang.id} className="language">
        { lang.name }

        <ul className="homeInnerList2">
          {
            if (lang.frameworks) {
              return lang.frameworks.map((fw) => {

              })
            }
          }
        </ul>
      </li>
    );
  });
};