dependencies: [
    .package(url: "https://github.com/benshell/SpringKit", from: "1.0.0")
],
targets: [
    .target(
        name: "YourTarget",
        dependencies: ["SpringKit"]
    )
]

.package(path: "../SpringKit")

import SwiftUI
import SpringKit

struct ReservationView: View {
    @State private var name = ""
    @State private var date = Date()
    @State private var guests = 2

    var body: some View {
        VStack(spacing: SpringSpacing.Vertical.lg) {
            HeroView(
                image: coverImage,
                headline: "Reserve a Table",
                subheadline: "An evening among the vines"
            )

            SpringTextField(label: "Name", placeholder: "Alexandra Williams", text: $name)
            SpringDatePicker(label: "Date", selection: $date, minimumDate: Date())
            SpringStepperField(label: "Guests", value: $guests, range: 1...20, unit: "guests")

            AccentButton("Book Now", icon: Image(systemName: "calendar.badge.plus")) {
                // handle booking
            }
        }
        .background(SpringColor.Background.primary)
    }
}

// Text
SpringColor.Text.primary      // Deep forest green / warm parchment (dark mode)
SpringColor.Text.secondary    // Warm stone / sage green (dark mode)
SpringColor.Text.accent       // Harvest orange
SpringColor.Text.muted        // Muted stone, 60% opacity
SpringColor.Text.link         // Verdant green / sage (dark mode)
SpringColor.Text.inverted     // Parchment / forest (dark mode)

// UI Objects
SpringColor.Object.primary    // Forest green / verdant (dark mode)
SpringColor.Object.secondary  // Verdant / sage (dark mode)
SpringColor.Object.accent     // Harvest orange
SpringColor.Object.champagne  // Gold luxury accent
SpringColor.Object.border     // Stone 40% / sage 30% (dark mode)
SpringColor.Object.destructive

// Backgrounds
SpringColor.Background.primary   // Warm parchment / deep forest (dark mode)
SpringColor.Background.secondary
SpringColor.Background.surface
SpringColor.Background.elevated
SpringColor.Background.accent    // Harvest orange tint
SpringColor.Background.overlay   // Translucent black for modal backdrops

// SF Pro — body, UI, and heading text
Text("Seasonal Menu").font(SpringFont.prose(size: .heading2, weight: .semibold))

// Great Vibes — decorative script for heroes and section headers
Text("Vineyard Estate").font(SpringFont.accent(size: .display))

// View modifier shorthand
Text("Reserve Your Table").springProseFont(size: .subheading, weight: .medium)
Text("Estate Dining").springAccentFont(size: .hero)

SpringSpacing.Vertical.md     // 16pt — standard padding
SpringSpacing.Horizontal.md   // 16pt — standard screen edge margin
SpringSpacing.Vertical.lg     // 24pt — between related components
SpringSpacing.Vertical.xl     // 40pt — section breaks
SpringSpacing.fixed(3)        // 24pt — base-8 multiplier utility

HeroView(
    image: estateImage,
    headline: "Vineyard Estate",
    subheadline: "An unforgettable dining experience among the vines",
    ctaLabel: "Book a Table"
) {
    // CTA action
}

SectionHeader(
    title: "Our Offerings",
    subtitle: "Curated experiences for every occasion",
    useAccentFont: true
)

PrimaryButton("Confirm Booking") { }              // Filled forest green
SecondaryButton("View Details") { }               // Outlined forest green
AccentButton("Book Now", icon: calendarIcon) { }  // Filled harvest orange
GhostButton("Cancel", style: .destructive) { }    // No fill, muted label

// Loading state
PrimaryButton("Submitting", isLoading: true) { }

// Full width
AccentButton("Reserve Your Table", isFullWidth: true) { }

SpringTextField(
    label: "Email Address",
    placeholder: "[email protected]",
    text: $email,
    error: emailError,       // Optional inline error message
    keyboardType: .emailAddress,
    submitLabel: .next
) {
    // onSubmit handler
}

SpringTextArea(label: "Special Requests", placeholder: "Dietary requirements…", text: $notes)
SpringDatePicker(label: "Reservation Date & Time", selection: $date, minimumDate: Date())
SpringStepperField(label: "Number of Guests", value: $guests, range: 1...24, unit: "guests")

BookingCard(booking: reservation) { /* tap action */ }
OrderCard(item: menuItem, quantity: qty, onAdd: { }, onRemove: { })
InquiryCard(inquiry: inquiry) { /* tap action */ }

SpringToast(message: "Booking confirmed!", style: .success, isPresented: $showToast)

SpringBadge("Confirmed", style: .success)      // Pill variant
SpringBadge(style: .pending, variant: .dot)    // Dot variant

SpringLoadingView(message: "Loading your reservations…")

SpringTabView(selection: $selectedTab) {
    Tab("Estate", systemImage: "house", value: AppTab.estate) {
        EstateView()
    }
    Tab("Reserve", systemImage: "calendar", value: AppTab.reserve) {
        BookingView()
    }
}

// Glass surface background
myView.springGlass()
myView.springGlass(.forest)   // Forest green tint — navigation surfaces
myView.springGlass(.harvest)  // Harvest orange tint — accent highlights

// Card container with corner radius + shadow
myView.springGlassCard(cornerRadius: 20)

// Modal backdrop
myView.springFrostedOverlay(opacity: 0.4)