946b6721b3
- Module create-project-modal: types, useCreateProjectModal, Header, Form, Footer, Skeleton, orchestrator CreateProjectModal - Re-export from projects/CreateProjectModal.tsx - Stories: Default, Loading (Skeleton); decorator min-h-layout-story Co-authored-by: Cursor <cursoragent@cursor.com>
18 lines
628 B
TypeScript
18 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>
|
|
);
|
|
}
|