package com.suno.android.common_ui.components.bottom_bar

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.width
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.suno.android.common_ui.components.IsosurfaceButton
import com.suno.android.common_ui.theme.ButtonDarkPurple
import com.suno.android.common_ui.theme.ButtonPink

@Composable
fun IsosurfaceCreateFab(
    modifier: Modifier = Modifier,
) {
    Box(modifier = Modifier.width(100.dp)) {
        IsosurfaceButton(
            modifier = Modifier
                .align(Alignment.BottomCenter)
                .fillMaxWidth()
                .height(100.dp)
                .width(100.dp)
                .padding(16.dp),
            colors = listOf(
                ButtonPink,
                ButtonDarkPurple,
            ),
            isInPlayerMode = true,
        )
    }
}

@Preview
@Composable
private fun IsosurfaceCreateFab_Preview() {
    IsosurfaceCreateFab()
}