import { auth } from '../services/auth.js';

export function renderDashboard() {
  const user = auth.getUser();
  const container = document.createElement('div');
  container.className = 'dashboard';

  container.innerHTML = /*html*/`
    <div class="dashboard-header">
      <h1>Bienvenido, ${user?.email || 'Usuario'}</h1>
      <button id="logout-button" class="logout-button">Cerrar Sesión</button>
    </div>
    <div class="dashboard-content">
      <p>Dashboard protegido</p>
    </div>
  `;

  container.querySelector('#logout-button').addEventListener('click', () => {
    auth.logout();
    window.location.hash = '#login';
  });

  return container;
}