155058f92SEvan Baconimport React, { ComponentType, forwardRef } from 'react'; 255058f92SEvan Baconimport { StyleSheet } from 'react-native'; 3*92f6de58SWill Schurman 455058f92SEvan Baconimport View, { ViewProps } from '../primitives/View'; 555058f92SEvan Bacon 655058f92SEvan Baconexport const HR = forwardRef((props: ViewProps, ref) => { 755058f92SEvan Bacon return <View {...props} style={[styles.hr, props.style]} ref={ref} />; 855058f92SEvan Bacon}) as ComponentType<ViewProps>; 955058f92SEvan Bacon 1055058f92SEvan Baconconst styles = StyleSheet.create({ 1155058f92SEvan Bacon hr: { 1255058f92SEvan Bacon borderTopWidth: StyleSheet.hairlineWidth, 1355058f92SEvan Bacon borderBottomWidth: StyleSheet.hairlineWidth, 1455058f92SEvan Bacon borderTopColor: '#9A9A9A', 1555058f92SEvan Bacon borderBottomColor: '#EEEEEE', 1655058f92SEvan Bacon marginVertical: 8, 1755058f92SEvan Bacon }, 1855058f92SEvan Bacon}); 19