import React from "react";
import { Pressable, StyleSheet, Text } from "react-native";

export function ConversationButton({
  label = "Conversar",
  onPress,
}: {
  label?: string;
  onPress: () => void;
}) {
  return (
    <Pressable style={styles.btn} onPress={onPress}>
      <Text style={styles.text}>{label}</Text>
    </Pressable>
  );
}

const styles = StyleSheet.create({
  btn: {
    backgroundColor: "#2A2218",
    borderWidth: 1,
    borderColor: "#C4A35A",
    paddingVertical: 14,
    paddingHorizontal: 28,
    borderRadius: 12,
    alignItems: "center",
  },
  text: { color: "#C4A35A", fontSize: 16, fontWeight: "600" },
});