Event Confirmation

1'use client'
2 
3import { Button } from '@/components/ui/button'
4import {
5  CheckCircle,
6  Facebook,
7  Mail,
8  MessageCircle,
9  Twitter
10} from 'lucide-react'
11import { demoEventConfirmation } from './demo/events'
12 
13/**
14 * ═══════════════════════════════════════════════════════════════════════════
15 * EventConfirmationProps
16 * ═══════════════════════════════════════════════════════════════════════════
17 *
18 * Props for the EventConfirmation component. Displays booking success message,
19 * ticket delivery info, organizer follow card, and social sharing options.
20 */
21export interface EventConfirmationProps {
22  data?: {
23    /** Order/confirmation number. */
24    orderNumber?: string
25    /** Event title. */
26    eventTitle?: string
27    /** Number of tickets purchased. */
28    ticketCount?: number
29    /** Email address where tickets were sent. */
30    recipientEmail?: string
31    /** Event date and time string. */
32    eventDate?: string
33    /** Event location. */
34    eventLocation?: string
35    /** Event organizer information. */
36    organizer?: {
37      name: string
38      image?: string
39    }
40  }
41  actions?: {
42    /** Called when "Take me to my tickets" button is clicked. */
43    onViewTickets?: () => void
44    /** Called when "Follow" organizer button is clicked. */
45    onFollowOrganizer?: () => void
46    /** Called when a social share button is clicked. */
47    onShare?: (platform: 'facebook' | 'twitter' | 'messenger' | 'email') => void
48  }
49}
50 
51/**
52 * An event booking confirmation component with order details and sharing.
53 * Displays success message, ticket info, and social share options.
54 *
55 * Features:
56 * - Success header with order number
57 * - Event details (title, date, location)
58 * - Ticket delivery info with change option
59 * - Organizer follow card
60 * - Social sharing buttons (Facebook, Messenger, Twitter, Email)
61 * - View tickets button
62 *
63 * @component
64 * @example
65 * ```tsx
66 * <EventConfirmation
67 *   data={{
68 *     orderNumber: "#14040333743",
69 *     eventTitle: "Concert Night",
70 *     ticketCount: 2,
71 *     recipientEmail: "user@example.com",
72 *     eventDate: "Friday, Feb 6 · 8pm PST",
73 *     eventLocation: "Los Angeles, CA",
74// … truncated