package com.suno.android.common_ui.components.buttons import android.os.Build.VERSION import android.os.Build.VERSION_CODES import androidx.compose.foundation.clickable import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.size import androidx.compose.foundation.shape.CircleShape import androidx.compose.material3.Icon import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.draw.clip import androidx.compose.ui.draw.paint import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.res.painterResource import androidx.compose.ui.res.vectorResource import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import com.suno.android.common_ui.R import com.suno.android.common_ui.components.aura.auraBackground import com.suno.android.common_ui.extensions.conditional import com.suno.android.common_ui.theme.SunoTheme @Composable fun SunoCreateFab( modifier: Modifier = Modifier, onClick: () -> Unit = {}, ) { Box( modifier = modifier .size(56.dp) .clip(CircleShape) .conditional( condition = VERSION.SDK_INT >= VERSION_CODES.TIRAMISU, ifTrue = { auraBackground() }, ifFalse = { paint( painter = painterResource(R.drawable.suno_create_fab_bg), ) }, ) .clickable(onClick = onClick), contentAlignment = Alignment.Center, ) { Icon( modifier = Modifier .size(48.dp) .padding(bottom = 4.dp), imageVector = ImageVector.vectorResource(id = R.drawable.create), contentDescription = "Music", tint = Color.White, ) } } @Composable @Preview private fun SunoCreateFAB_Preview() { SunoTheme { SunoCreateFab( modifier = Modifier.size(56.dp), ) } }