Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useSelector } from 'react-redux';

import { NavigationMenu } from '@shared/components';

const AccountNavigationMenu = ({ basePath, customItems = [] }) => {
  const { defaultNetwork } = useSelector(({ auth }) => auth);

  return (
    <NavigationMenu basePath={basePath} title='Configuración de la cuenta'>
      <NavigationMenu.Item path='' label='Básica' />
      <NavigationMenu.Item path='/notifications' label='Notificaciones' />
      <NavigationMenu.Item path='/change-password' label='Cambiar clave' />
      <NavigationMenu.Item path='/change-image' label='Cambiar imagen' />
      <NavigationMenu.Item path='/location' label='Ubicación' />

      {/* Items personalizados */}
      {customItems.map((item, index) => (
        <NavigationMenu.Item
          key={`custom-${index}`}
          path={item.path || ''}
          label={item.label || ''}
          isActive={item.isActive || false}
          disabled={item.disabled || false}
          style={item.style}
          linkProps={item.linkProps}
        />
      ))}

      {/* Items condicionales de red */}
      {defaultNetwork === 'y' && (
        <>
          <NavigationMenu.Item path='/privacy' label='Privacidad' />
          <NavigationMenu.Item path='/close-account' label='Cerrar cuenta' />
        </>
      )}
    </NavigationMenu>
  );
};

export { AccountNavigationMenu };