export const useAccounts = () => {
  return useState<any[]>('accounts', () => ([
    {
      menu: true,
      text: 'Accounts',
      translatedText: '', 
      value: 'accounts',
      link: '/accounts/profile', 
      icon: 'menu-icon tf-icons ti ti-user-circle',
      active: false,
      child: false,
      children: [
        {
          text: 'User Profile',
          translatedText: '', 
          value: 'user_profile',
          link: '/accounts/profile', 
          active: false
        },
        {
          text: 'Security', 
          translatedText: '',
          value: 'security', 
          link: '/accounts/security', 
          active: false
        },
      ]
    },
    /*{
      menu: false,
      text: 'Accounts'
    },
    {
      menu: true,
      text: 'User Profile', 
      value: 'user_profile',
      link: '/accounts/profile', 
      icon: 'menu-icon tf-icons ti ti-user-circle',
      active: false,
      child: false,
      children: []
    },
    {
      menu: true,
      text: 'Security', 
      value: 'security', 
      link: '/accounts/security', 
      icon: 'menu-icon tf-icons ti ti-shield-lock',
      active: false,
      child: false,
      children: []
    }*/
  ]))
}