1import { Pressable, StyleSheet, Text } from 'react-native';
2import MaterialIcons from '@expo/vector-icons/MaterialIcons';
3
4export default function IconButton({ icon, label, onPress }) {
5  return (
6    <Pressable style={styles.iconButton} onPress={onPress}>
7      <MaterialIcons name={icon} size={24} color="#fff" />
8      <Text style={styles.iconButtonLabel}>{label}</Text>
9    </Pressable>
10  );
11}
12
13const styles = StyleSheet.create({
14  iconButton: {
15    justifyContent: 'center',
16    alignItems: 'center',
17  },
18  iconButtonLabel: {
19    color: '#fff',
20    marginTop: 12,
21  },
22});
23