package com.craigvg.lichun_android.ui.screens.character.components

import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.automirrored.filled.Chat
import androidx.compose.material3.*
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import com.craigvg.lichun_android.ui.theme.AppColors
import com.craigvg.lichun_android.ui.theme.AppSpacing
import com.craigvg.lichun_android.ui.theme.AppTypography

/**
 * Actions section with buttons for interacting with the character.
 * Ported from iOS ActionsSection.swift
 */
@Composable
fun ActionsSection(
    personId: String,
    onStartChat: (String) -> Unit,
    modifier: Modifier = Modifier
) {
    Button(
        onClick = { onStartChat(personId) },
        modifier = modifier
            .fillMaxWidth()
            .height(AppSpacing.buttonHeight),
        shape = RoundedCornerShape(AppSpacing.pillCornerRadius),
        colors = ButtonDefaults.buttonColors(containerColor = AppColors.primary)
    ) {
        Icon(
            imageVector = Icons.AutoMirrored.Filled.Chat,
            contentDescription = null,
            modifier = Modifier.size(20.dp)
        )
        Spacer(Modifier.width(AppSpacing.sm))
        Text("Start Conversation", style = AppTypography.bodyBold)
    }
}