24 lines
614 B
TypeScript
24 lines
614 B
TypeScript
import {Text, View} from 'react-native';
|
|
|
|
export function MyDivider() {
|
|
return <View style={{flex: 1, height: 1, backgroundColor: '#3b3b60'}} />;
|
|
}
|
|
|
|
interface MyDividerWithTextProps {
|
|
text?: string;
|
|
}
|
|
|
|
export function MyDividerWithText({text}: MyDividerWithTextProps) {
|
|
return (
|
|
<View style={{flexDirection: 'row', alignItems: 'center'}}>
|
|
<MyDivider />
|
|
<Text style={{color: '#909090', marginHorizontal: 10}}>{text}</Text>
|
|
<MyDivider />
|
|
</View>
|
|
);
|
|
}
|
|
|
|
|
|
export function MyVerticalDivider(){
|
|
return <View style={{height: 44, marginTop: 2, backgroundColor: "#444444", width: 1}} />
|
|
} |