'use client'; import React, { useState, useEffect } from 'react'; import Link from 'next/link'; import { usePathname } from 'next/navigation'; import { Menu, X, Truck } from 'lucide-react'; import { clsx } from 'clsx'; const NAV_ITEMS = [{ id: 'F01', label: 'إضافة طلب توصيل', href: '/' }]; export default function Navigation() { const pathname = usePathname(); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); // Close mobile menu on route change useEffect(() => { setIsMobileMenuOpen(false); }, [pathname]); return
{/* Left Section (RTL Start) - Logo */}
مشوار Mishwar
{/* Middle Section - Desktop Navigation */} {/* Right Section (RTL End) - Action / Mobile Toggle */}
{/* Mobile Menu Dropdown */} {isMobileMenuOpen &&
}
; }