package com.craigvg.lichun_android.ui.components.headers

import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.*
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import com.craigvg.lichun_android.ui.theme.AppColors
import com.craigvg.lichun_android.ui.theme.AppSpacing
import com.craigvg.lichun_android.ui.theme.AppTypography

@Composable
fun CozyHeaderView(
    title: String,
    subtitle: String? = null,
    actionText: String? = null,
    onAction: (() -> Unit)? = null,
    modifier: Modifier = Modifier
) {
    Row(
        modifier = modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.SpaceBetween,
        verticalAlignment = Alignment.CenterVertically
    ) {
        Column {
            Text(
                text = title,
                style = AppTypography.headline,
                color = AppColors.primaryText
            )
            if (subtitle != null) {
                Spacer(modifier = Modifier.height(AppSpacing.xxs))
                Text(
                    text = subtitle,
                    style = AppTypography.caption,
                    color = AppColors.secondaryText
                )
            }
        }
        if (actionText != null && onAction != null) {
            Text(
                text = actionText,
                style = AppTypography.captionBold,
                color = AppColors.primary,
                modifier = Modifier.clickable(onClick = onAction)
            )
        }
    }
}