import { Link } from 'react-router-dom';
import { Cloud } from 'lucide-react';
import { ThemeToggle } from '@/components/ui/theme-toggle';

export function Header() {
  return (
    <header className="border-b bg-card sticky top-0 z-50">
      <div className="flex h-16 items-center px-6">
        <Link to="/" className="flex items-center gap-2 font-bold text-xl">
          <Cloud className="h-6 w-6" />
          <span>mockupAWS</span>
        </Link>
        <div className="ml-auto flex items-center gap-4">
          <span className="text-sm text-muted-foreground hidden sm:inline">
            AWS Cost Simulator
          </span>
          <ThemeToggle />
        </div>
      </div>
    </header>
  );
}