import {
  StyleSheet,
  Text,
  TouchableOpacity,
  TouchableOpacityProps,
} from "react-native";

type ButtonProps = TouchableOpacityProps & {
  label: string;
};

// Componente de botão personalizado
export function Button({ label, ...rest }: ButtonProps) {
  return (
    <TouchableOpacity style={styles.container} activeOpacity={0.7} {...rest}>
      <Text style={styles.label}>{label}</Text>
    </TouchableOpacity>
  );
}

const styles = StyleSheet.create({
  container: {
    width: "100%",
    height: 48,
    backgroundColor: "#a19f9f",
    borderRadius: 8,
    alignItems: "center",
    justifyContent: "center",
  },
  label: {
    color: "#050505",
    fontSize: 16,
    fontWeight: "600",
  },
});