1import React, { forwardRef } from 'react'; 2import { Platform } from 'react-native'; 3import View from '../primitives/View'; 4function createView(nativeProps = {}) { 5 return forwardRef((props, ref) => { 6 return React.createElement(View, { ...nativeProps, ...props, ref: ref }); 7 }); 8} 9export const Nav = createView(Platform.select({ 10 web: { 11 accessibilityRole: 'navigation', 12 }, 13})); 14export const Footer = createView(Platform.select({ 15 web: { 16 accessibilityRole: 'contentinfo', 17 }, 18})); 19export const Aside = createView(Platform.select({ 20 web: { 21 accessibilityRole: 'complementary', 22 }, 23})); 24export const Header = createView(Platform.select({ 25 web: { 26 accessibilityRole: 'banner', 27 }, 28 default: { 29 accessibilityRole: 'header', 30 }, 31})); 32export const Main = createView(Platform.select({ 33 web: { 34 accessibilityRole: 'main', 35 }, 36})); 37export const Article = createView(Platform.select({ 38 web: { 39 accessibilityRole: 'article', 40 }, 41})); 42export const Section = createView({ 43 accessibilityRole: 'summary', // region? 44}); 45//# sourceMappingURL=Layout.js.map