@uiw/react-native/lib/Typography/Hr.js

UIW for React Native

import React from 'react';
import { StyleSheet, View } from 'react-native';
import { useTheme } from '@shopify/restyle';
function createStyles({
  textColor
}) {
  return StyleSheet.create({
    default: {
      height: 1,
      flexDirection: 'row',
      borderBottomWidth: StyleSheet.hairlineWidth,
      borderColor: '#CDCDCD',
      marginVertical: 10,
      color: textColor
    }
  });
}
export default function Hr(props) {
  const theme = useTheme();
  const styles = createStyles({
    textColor: theme.colors.primary_text || '#ccc'
  });
  const textColor = theme.colors.primary_text || '#ccc';
  return <View {...props} style={[styles.default, props.style]} />;
}