package com.suno.android.ui.screens.songdetails

import androidx.compose.foundation.layout.RowScope
import androidx.compose.material3.CenterAlignedTopAppBar
import androidx.compose.material3.Text
import androidx.compose.material3.TopAppBarDefaults
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.suno.android.common_ui.components.omni.CircleIconButton
import com.suno.android.common_ui.theme.ExtendedTheme
import com.suno.android.common_ui.theme.SunoTheme
import com.suno.android.common_ui.R as CommonUiR

@Composable
fun SongDetailsHeader(
    title: String,
    actions: @Composable RowScope.() -> Unit = {},
    onBackPress: () -> Unit,
) {
    CenterAlignedTopAppBar(
        title = {
            Text(
                title,
                style = ExtendedTheme.typography.cardTitle,
                color = ExtendedTheme.colors.textPrimary,
            )
        },
        navigationIcon = {
            CircleIconButton(
                vectorDrawableResId = CommonUiR.drawable.arrow_left,
                contentDescription = null,
                onClick = { onBackPress() },
            )
        },
        actions = actions,
        expandedHeight = 68.dp,
        colors = TopAppBarDefaults.topAppBarColors(
            containerColor = ExtendedTheme.colors.backgroundPrimary,
            scrolledContainerColor = ExtendedTheme.colors.backgroundPrimary,
        ),
    )
}

@Preview
@Composable
private fun SongDetailsHeader_Preview() {
    SunoTheme {
        SongDetailsHeader(title = "Song Details Header", onBackPress = {})
    }
}