1import React from 'react';
2import { StyleSheet, Text, TouchableOpacity } from 'react-native';
3
4interface ExampleListItemInterface {
5  onExampleSelect: () => void;
6  name: string;
7}
8
9export default function ExampleListItem({ onExampleSelect, name }: ExampleListItemInterface) {
10  return (
11    <TouchableOpacity onPress={onExampleSelect} style={styles.exampleListItem}>
12      <Text style={styles.nameText}>{name}</Text>
13    </TouchableOpacity>
14  );
15}
16
17const styles = StyleSheet.create({
18  exampleListItem: {
19    flex: 1,
20    height: 80,
21    alignItems: 'center',
22    justifyContent: 'center',
23    marginVertical: 10,
24    marginHorizontal: 30,
25    borderRadius: 10,
26    shadowOpacity: 0.1,
27    shadowRadius: 5,
28    elevation: 8,
29    shadowColor: 'rgba(0,0,0,0.56)',
30    backgroundColor: 'white',
31  },
32  nameText: {
33    fontSize: 16,
34  },
35});
36