package com.suno.android.common_ui.components.omni

import androidx.compose.animation.AnimatedVisibility
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import com.suno.android.common_ui.theme.ExtendedTheme

@Composable
fun OmniPlayerLyrics(
    modifier: Modifier = Modifier,
    lyricsString: String?,
) {
    AnimatedVisibility(
        visible = lyricsString != null,
        modifier = modifier.padding(top = 48.dp),
    ) {
        lyricsString?.let { nonNullLyrics ->
            LazyColumn(
                modifier = Modifier.fillMaxSize(),
                verticalArrangement = Arrangement.Bottom,
            ) {
                item {
                    Column {
                        nonNullLyrics.split("\n\n").forEachIndexed { index, paragraph ->
                            if (index > 0) {
                                Spacer(modifier = Modifier.height(8.dp))
                            }
                            Text(
                                text = paragraph,
                                color = Color.White,
                                style = ExtendedTheme.typography.introCopy,
                            )
                        }
                    }
                }
            }
        }
    }
}