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