"use client";

import Link from "next/link";
import { cn } from "@/lib/utils";

interface HeaderProps {
  className?: string;
}

export function Header({ className }: HeaderProps) {
  return (
    <header className={cn("bg-white border-b border-gray-200", className)}>
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex items-center justify-between h-16">
          <Link href="/" className="flex items-center gap-3">
            <div className="w-10 h-10 bg-gradient-to-br from-week2 to-week3 rounded-xl flex items-center justify-center">
              <span className="text-white font-bold text-lg">P</span>
            </div>
            <div>
              <h1 className="text-sm font-bold text-gray-900 uppercase tracking-wide">
                Canevas d&apos;Atelier Design
              </h1>
              <p className="text-xs text-gray-500">Programme Pionniers</p>
            </div>
          </Link>
          
          <nav className="flex items-center gap-4">
            <Link 
              href="/"
              className="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors"
            >
              Accueil
            </Link>
          </nav>
        </div>
      </div>
    </header>
  );
}