export const useUsers = () => {
  return useState<any[]>('users', () => ([
    {
      menu: true,
      text: 'Users',
      translatedText: '', 
      value: 'users_and_roles', 
      link: '#', 
      icon: 'menu-icon tf-icons ti ti-users',
      active: false,
      child: true,
      children: [
        {
          text: 'Users',
          translatedText: '', 
          value: 'users', 
          link: '/users/users', 
          active: false
        },
        {
          text: 'Leads',
          translatedText: '', 
          value: 'leads', 
          link: '/users/leads', 
          active: false
        },
        {
          text: 'External Users',
          translatedText: '', 
          value: 'external-users', 
          link: '/users/external-users', 
          active: false
        },
        {
          text: 'Roles',
          translatedText: '', 
          value: 'roles', 
          link: '/users/roles', 
          active: false
        },
        {
          text: 'Tenants',
          translatedText: '', 
          value: 'tenants', 
          link: '/users/tenants', 
          active: false
        },
        {
          text: 'Organizations',
          translatedText: '', 
          value: 'organizations', 
          link: '/users/organizations', 
          active: false
        },
      ]
    },
  ]))
}