package com.suno.android.ui.screens.hooks.overlay.capsule

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.blur
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.unit.dp
import coil3.compose.AsyncImage
import com.suno.android.common_core_utils.model.Url
import com.suno.android.common_ui.theme.ExtendedTheme

private const val BLUR_RADIUS = 15
private const val OVERLAY_ALPHA = 0.75f

@Composable
fun CapsuleBackground(
    imageUrl: Url?,
    modifier: Modifier = Modifier,
) {
    Box(modifier = modifier) {
        imageUrl?.let { url ->
            AsyncImage(
                model = url,
                contentDescription = null,
                modifier = Modifier
                    .fillMaxSize()
                    .blur(radius = BLUR_RADIUS.dp),
                contentScale = ContentScale.Crop,
            )
        }
        Box(
            modifier = Modifier
                .fillMaxSize()
                .background(ExtendedTheme.colors.backgroundSecondary.copy(alpha = OVERLAY_ALPHA)),
        )
    }
}