import { StatusBar } from 'expo-status-bar';
import { useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { RadioGroup } from 'react-native-radio-buttons-group';

export default function App() {
  const [selectedId, setSelectedId] = useState(null);
  const radioButtons = [
    {
      id: '1',
      label: 'Option 1',
      value: 'option1',
    },
    {
      id: '2',
      label: 'Option 2',
      value: 'option2',
    },
    {
      id: '3',
      label: 'Option 3',
      value: 'option3',
    },
  ]
  return (
    <View style={styles.container}>
      <Text>Rádiógomb</Text>
      <View>
        <Text>{selectedId}</Text>
      </View>

      <RadioGroup
        radioButtons={radioButtons}
        onPress={setSelectedId}
        selectedId={selectedId}
      />

      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});