App Gallery

struct DashboardScreen: View {
    @State private var tab = "overview"

    var body: some View {
        DSPageLayout {
            DSNavigationBar(
                title: "Dashboard",
                trailingItems: [
                    DSNavBarItem(icon: "bell"),
                    DSNavBarItem(icon: "person.circle")
                ]
            )
            contentForTab(tab)
        }
        .dsToast(isPresented: $showSuccess, title: "Saved!", style: .success)
    }
}

struct EditProfileForm: View {
    @State private var name  = ""
    @State private var email = ""
    @State private var notifications = true

    var body: some View {
        ScrollView {
            DSSection("Personal Information") {
                DSTextField(label: "Name", text: $name)
                DSTextField(label: "Email", text: $email, leadingIcon: "envelope")
            }
            DSSection("Preferences") {
                DSToggle("Email notifications", isOn: $notifications)
            }
            DSButton("Save changes", variant: .primary) { save() }
                .padding(.horizontal, DSSpacing.xl)
        }
    }
}

struct RevenueWidget: View {
    let data: [Double]
    let total: String
    let growth: Double

    var body: some View {
        DSCard(variant: .elevated) {
            VStack(alignment: .leading, spacing: DSSpacing.sm) {
                DSMetricCard(
                    title: "Total Revenue",
                    value: total,
                    change: growth,
                    data: data,
                    tint: DSColor.success
                )
                DSProgressBar(
                    value: growth,
                    label: "vs previous month",
                    showPercentage: true,
                    tint: DSColor.success
                )
            }
        }
    }
}