1import { View, Pressable, StyleSheet } from 'react-native';
2import MaterialIcons from '@expo/vector-icons/MaterialIcons';
3
4export default function CircleButton({ onPress }) {
5  return (
6    <View style={styles.circleButtonContainer}>
7      <Pressable style={styles.circleButton} onPress={onPress}>
8        <MaterialIcons name="add" size={38} color="#25292e" />
9      </Pressable>
10    </View>
11  );
12}
13
14const styles = StyleSheet.create({
15  circleButtonContainer: {
16    width: 84,
17    height: 84,
18    marginHorizontal: 60,
19    borderWidth: 4,
20    borderColor: "#ffd33d",
21    borderRadius: 42,
22    padding: 3,
23  },
24  circleButton: {
25    flex: 1,
26    justifyContent: "center",
27    alignItems: "center",
28    borderRadius: 42,
29    backgroundColor: "#fff",
30  },
31});
32