package com.suno.android.common_ui.components.menus

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.DropdownMenu
import androidx.compose.runtime.Composable
import androidx.compose.runtime.key
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.suno.android.common_ui.theme.ExtendedTheme
import kotlinx.collections.immutable.ImmutableList

@Composable
fun ModelDropdownMenu(
    expanded: Boolean,
    onDismissRequest: () -> Unit,
    options: ImmutableList<ModelSelectorDropdownState>,
    onOptionSelected: (ModelSelectorDropdownState) -> Unit,
    modifier: Modifier = Modifier,
) {
    DropdownMenu(
        modifier = modifier
            .width(300.dp)
            .background(color = ExtendedTheme.colors.backgroundTertiary),
        shape = RoundedCornerShape(8.dp),
        containerColor = ExtendedTheme.colors.backgroundTertiary,
        expanded = expanded,
        onDismissRequest = onDismissRequest,
    ) {
        options.forEach { optionItem ->
            key(optionItem.title) {
                ModelSelectorDropdownItem(
                    modelSelectorDropdownState = optionItem,
                    onClick = {
                        onOptionSelected(optionItem)
                    },
                )
            }
        }
    }
}