import { Component } from '@angular/core';
import { Logo } from "../logo/logo";
import { RouterLink, RouterLinkActive } from "@angular/router";

/**
 * Navigation Bar Component
 *
 * This component provides the main navigation for the application.
 * It includes a responsive design with a hamburger menu for mobile views.
 */
@Component({
  selector: 'app-ds-navbar',
  imports: [
    Logo,
    RouterLink,
    RouterLinkActive
  ],
  templateUrl: './ds-navbar.html',
  styleUrl: './ds-navbar.scss'
})
export class DsNavbar {
  /**
   * Flag to track if the mobile menu is active
   */
  isMenuActive = false;

  /**
   * Toggles the mobile menu
   */
  toggleMenu(): void {
    this.isMenuActive = !this.isMenuActive;
  }
}
