veza/apps/web/src/components/studio/projects/create-project-modal/CreateProjectModalFooter.tsx

import { Button } from '@/components/ui/button';

interface CreateProjectModalFooterProps {
  onClose: () => void;
  onSubmit: () => void;
  canSubmit: boolean;
}

export function CreateProjectModalFooter({
  onClose,
  onSubmit,
  canSubmit,
}: CreateProjectModalFooterProps) {
  return (
    <div className="p-4 border-t border-border bg-card flex justify-end gap-4">
      <Button variant="ghost" onClick={onClose}>
        Cancel
      </Button>
      <Button variant="primary" onClick={onSubmit} disabled={!canSubmit}>
        Create Project
      </Button>
    </div>
  );
}