managing rsvps

components/AddFirstGuestBookEntryClient.tsx

@@ -0,0 +1,24 @@
+'use client'
+import React, { useState } from 'react'
+import AddGuestBookEntryModal from './AddGuestBookEntryModal';
+import { handleAddGuest } from '@/lib/helper/addGuest';
+
+export default function AddFirstGuestBookEntryClient() {
+    const [isOpen, setIsOpen] = useState(false);
+    return (
+       <div className='w-full flex flex-col gap-2'>
+            <p className='text-sm'>You haven&apos;t added anyone to your guest book yet.</p>
+            <button
+                className='btn btn-primary'
+                onClick={() => setIsOpen(true)}
+            >
+                Add your first guest
+            </button>
+            <AddGuestBookEntryModal
+                isOpen={isOpen}
+                onClose={() => setIsOpen(false)}
+                onSubmit={handleAddGuest}
+            />
+        </div>
+    )
+}