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 Div = createView();
10export const Nav = createView(Platform.select({
11    web: {
12        accessibilityRole: 'navigation',
13    },
14}));
15export const Footer = createView(Platform.select({
16    web: {
17        accessibilityRole: 'contentinfo',
18    },
19}));
20export const Aside = createView(Platform.select({
21    web: {
22        accessibilityRole: 'complementary',
23    },
24}));
25export const Header = createView(Platform.select({
26    web: {
27        accessibilityRole: 'banner',
28    },
29    default: {
30        accessibilityRole: 'header',
31    },
32}));
33export const Main = createView(Platform.select({
34    web: {
35        accessibilityRole: 'main',
36    },
37}));
38export const Article = createView(Platform.select({
39    web: {
40        accessibilityRole: 'article',
41    },
42}));
43export const Section = createView({
44    accessibilityRole: 'summary', // region?
45});
46//# sourceMappingURL=Layout.js.map