1import React, { ComponentType, forwardRef } from 'react';
2import { StyleSheet } from 'react-native';
3
4import View, { ViewProps } from '../primitives/View';
5
6export const HR = forwardRef((props: ViewProps, ref) => {
7  return <View {...props} style={[styles.hr, props.style]} ref={ref} />;
8}) as ComponentType<ViewProps>;
9
10const styles = StyleSheet.create({
11  hr: {
12    borderTopWidth: StyleSheet.hairlineWidth,
13    borderBottomWidth: StyleSheet.hairlineWidth,
14    borderTopColor: '#9A9A9A',
15    borderBottomColor: '#EEEEEE',
16    marginVertical: 8,
17  },
18});
19