package expo.modules.devlauncher.compose.ui

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.Dp
import com.composeunstyled.Button
import expo.modules.devmenu.compose.newtheme.NewAppTheme
import expo.modules.devmenu.compose.primitives.NewText
import expo.modules.devmenu.compose.ripple.ripple

@Composable
fun ActionButton(
  text: String,
  foreground: Color,
  background: Color,
  modifier: Modifier = Modifier,
  fill: Boolean = true,
  borderRadius: Dp = NewAppTheme.borderRadius.xl,
  textStyle: TextStyle = NewAppTheme.font.lg.merge(
    fontWeight = FontWeight.SemiBold
  ),
  enabled: Boolean = true,
  onClick: () -> Unit = {}
) {
  Button(
    onClick = onClick,
    enabled = enabled,
    shape = RoundedCornerShape(borderRadius),
    backgroundColor = if (enabled) background else background.copy(alpha = 0.5f),
    indication = ripple(color = foreground)
  ) {
    Box(
      contentAlignment = Alignment.Center,
      modifier = Modifier
        .then(
          if (fill) {
            Modifier.fillMaxWidth()
          } else {
            Modifier
          }
        )
        .then(modifier)
    ) {
      NewText(
        text,
        color = foreground,
        style = textStyle
      )
    }
  }
}