package app.closer.ui.settings

import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import app.closer.core.navigation.AppRoute
import app.closer.ui.components.FinishedEmptyStateAction
import app.closer.ui.components.FinishedEmptyStateScreen
import app.closer.ui.theme.CloserPalette

@Composable
fun SubscriptionScreen(
    onNavigate: (String) -> Unit = {}
) {
    FinishedEmptyStateScreen(
        eyebrow = "Subscription",
        title = "Manage access from the paywall",
        body = "Plan details, restore purchases, and upgrades live together so billing choices stay clear.",
        glyphCategoryId = "star",
        primaryAction = FinishedEmptyStateAction("Open paywall", AppRoute.PAYWALL),
        secondaryAction = FinishedEmptyStateAction("Back to settings", AppRoute.SETTINGS),
        accent = CloserPalette.PurpleDeep,
        details = listOf(
            "Review the upgrade path before making a choice.",
            "Restore purchase access from the same flow.",
            "Keep account settings separate from billing decisions."
        ),
        onNavigate = onNavigate
    )
}

@Preview
@Composable
fun SubscriptionScreenPreview() {
    SubscriptionScreen()
}
