import { X, Layers } from 'lucide-react';

interface CreateProjectModalHeaderProps {
  onClose: () => void;
}

export function CreateProjectModalHeader({ onClose }: CreateProjectModalHeaderProps) {
  return (
    <div className="p-4 border-b border-kodo-steel bg-kodo-ink flex justify-between items-center">
      <h3 className="font-bold text-white flex items-center gap-2">
        <Layers className="w-5 h-5 text-kodo-steel" /> New Project
      </h3>
      <button type="button" onClick={onClose} aria-label="Close">
        <X className="w-5 h-5 text-kodo-content-dim hover:text-white" />
      </button>
    </div>
  );
}