1import React from 'react';
2import { View, Text, StyleSheet } from 'react-native';
3
4export default function Divider({ text }: { text: string }) {
5  return (
6    <View style={styles.container}>
7      <View style={styles.line} />
8      <Text style={styles.text}>{text}</Text>
9      <View style={styles.line} />
10    </View>
11  );
12}
13
14const styles = StyleSheet.create({
15  container: {
16    alignItems: 'center',
17    flexDirection: 'row',
18  },
19  line: {
20    backgroundColor: 'black',
21    height: 1,
22    flex: 1,
23  },
24  text: {
25    paddingHorizontal: 5,
26    fontSize: 8,
27  },
28});
29