// third-party
import { FormattedMessage } from 'react-intl';
import { AiOutlineBarChart } from 'react-icons/ai';
import { AiOutlineDashboard } from 'react-icons/ai';

// assets
import { DollarOutlined, LoginOutlined, PhoneOutlined, RocketOutlined } from '@ant-design/icons';

// icons
const icons = { DollarOutlined, LoginOutlined, PhoneOutlined, RocketOutlined };
const nearlepages = {
  id: 'nearle-pages',
  title: <FormattedMessage id="pages" />,
  type: 'group',
  children: [
    {
      id: 'demoout1',
      title: <FormattedMessage id="demoout1" />,
      type: 'item',
      url: '/demoout1',
      icon: AiOutlineDashboard
    },
    {
      id: 'demoout2',
      title: <FormattedMessage id="demoout2" />,
      type: 'item',
      url: '/demoout2',
      icon: AiOutlineBarChart
    },

    {
      id: 'demo1',
      title: <FormattedMessage id="demo1" />,
      type: 'collapse',
      icon: icons.LoginOutlined,
      children: [
        {
          id: 'demo1',
          title: <FormattedMessage id="demo1" />,
          type: 'item',
          url: '/demo1',
          icon: icons.LoginOutlined
        },
        {
          id: 'demo2',
          title: <FormattedMessage id="demo2" />,
          type: 'item',
          url: '/demo2',
          icon: icons.LoginOutlined
        },
        {
          id: 'demo3',
          title: <FormattedMessage id="demo3" />,
          type: 'item',
          url: '/demo3',
          icon: icons.LoginOutlined
        },
        {
          id: 'demo4',
          title: <FormattedMessage id="demo4" />,
          type: 'item',
          url: '/demo4',
          icon: icons.LoginOutlined
        }
      ]
    },
    {
      id: 'demo2',
      title: <FormattedMessage id="demo2" />,
      type: 'collapse',
      icon: icons.RocketOutlined,
      children: [
        {
          id: 'demo5',
          title: <FormattedMessage id="Demo5" />,
          type: 'item',
          url: '/demo5',
          icon: icons.LoginOutlined
        },
        {
          id: 'demo6',
          title: <FormattedMessage id="Demo6" />,
          type: 'item',
          url: '/demo6',
          icon: icons.LoginOutlined
        },
        {
          id: 'demo7',
          title: <FormattedMessage id="Demo7" />,
          type: 'item',
          url: '/demo7',
          icon: icons.LoginOutlined
        }
      ]
    }
  ]
};

export default nearlepages;
