text: import * as React from 'react';
  import Wallpaper from './Wallpaper';
  import PhotoSizeSelectActualOutlinedIcon from '@mui/icons-material/PhotoSizeSelectActualOutlined';
  import AppsSettings from './Apps';
  import About from './About';
  import StarOutlinedIcon from '@mui/icons-material/StarOutlined';
  import AppsIcon from '@mui/icons-material/Apps';
  import InfoIcon from '@mui/icons-material/InfoOutlined';
  import Tips from './Tips';
  import ChangeLog from '../System/Changelog/Content';
  import ChangeHistoryIcon from '@mui/icons-material/ChangeHistory';
  import Account from './Account';
  import AccountCircleOutlinedIcon from '@mui/icons-material/AccountCircleOutlined';
  
  export const MENU_ITEMS = [
    {
      id: 0,
      title: 'Widgets',
      icon: <AppsIcon />,
      content: <AppsSettings />,
    },
    {
      id: 1,
      title: 'Background',
      icon: <PhotoSizeSelectActualOutlinedIcon />,
      content: <Wallpaper />,
    },
    {
      id: 3,
      title: 'About',
      icon: <StarOutlinedIcon />,
      content: <About />,
    },
    {
      id: 2,
      title: 'Account',
      icon: <AccountCircleOutlinedIcon />,
      content: <Account />,
    },
    {
      id: 4,
      title: 'Tips',
      icon: <InfoIcon />,
      content: <Tips />,
    },
    {
      id: 5,
      title: 'Updates',
      icon: <ChangeHistoryIcon />,
      content: <ChangeLog />,
    },
  ];
  