Code-MCP

import React from 'react'; import { View, Text, StyleSheet, TouchableOpacity } from 'react-native'; interface ButtonProps { title: string; onPress: () => void; variant?: 'primary' | 'secondary'; } export const Button = ({ title, onPress, variant = 'primary' }: ButtonProps) => { return ( <TouchableOpacity style={[styles.button, variant === 'secondary' && styles.buttonSecondary]} onPress={onPress} > <Text style={[styles.text, variant === 'secondary' && styles.textSecondary]}> {title} </Text> </TouchableOpacity> ); }; const styles = StyleSheet.create({ button: { backgroundColor: '#007AFF', padding: 16, borderRadius: 8, alignItems: 'center', margin: 8, }, buttonSecondary: { backgroundColor: 'transparent', borderWidth: 1, borderColor: '#007AFF', }, text: { color: '#FFFFFF', fontSize: 16, fontWeight: '600', }, textSecondary: { color: '#007AFF', }, }); export default Button;