19 lines
628 B
TypeScript
19 lines
628 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|