1import React, { forwardRef } from 'react'; 2import { Platform } from 'react-native'; 3import Text from '../primitives/Text'; 4import View from '../primitives/View'; 5function createView(nativeProps = {}) { 6 return forwardRef((props, ref) => { 7 return React.createElement(View, { ...nativeProps, ...props, ref: ref }); 8 }); 9} 10export const UL = createView(Platform.select({ 11 web: { 12 accessibilityRole: 'list', 13 }, 14})); 15function isTextProps(props) { 16 // Treat <li></li> as a Text element. 17 return typeof props.children === 'string'; 18} 19export const LI = forwardRef((props, ref) => { 20 if (isTextProps(props)) { 21 const accessibilityRole = Platform.select({ 22 web: 'listitem', 23 default: props.accessibilityRole, 24 }); 25 return React.createElement(Text, { ...props, accessibilityRole: accessibilityRole, ref: ref }); 26 } 27 const accessibilityRole = Platform.select({ 28 web: 'listitem', 29 default: props.accessibilityRole, 30 }); 31 return React.createElement(View, { ...props, accessibilityRole: accessibilityRole, ref: ref }); 32}); 33//# sourceMappingURL=Lists.js.map