import React from 'react';
import { Camera, Sparkles } from 'lucide-react';

export const Header: React.FC = () => {
  return (
    <header className="w-full py-6 px-4 border-b border-stone-200 bg-white/80 backdrop-blur-sm sticky top-0 z-50">
      <div className="max-w-5xl mx-auto flex items-center justify-between">
        <div className="flex items-center space-x-3">
          <div className="p-2 bg-red-800 rounded-lg text-white">
            <Sparkles size={24} />
          </div>
          <div>
            <h1 className="text-2xl font-bold text-stone-800 tracking-wider">AI 汉服衣橱</h1>
            <p className="text-xs text-stone-500">穿越千年的美丽 (Beauty through the millennium)</p>
          </div>
        </div>
        <div className="hidden sm:block text-right text-stone-600 text-sm">
           Generated by Gemini 2.5
        </div>
      </div>
    </header>
  );
};
