1import React, { forwardRef } from 'react';
2import { StyleSheet } from 'react-native';
3import { em } from '../css/units';
4import { TableText } from '../primitives/Table';
5import Text from '../primitives/Text';
6import View from '../primitives/View';
7export const Table = forwardRef((props, ref) => {
8    return React.createElement(View, { ...props, ref: ref });
9});
10export const THead = forwardRef((props, ref) => {
11    return React.createElement(View, { ...props, ref: ref });
12});
13export const TBody = forwardRef((props, ref) => {
14    return React.createElement(View, { ...props, ref: ref });
15});
16export const TFoot = forwardRef((props, ref) => {
17    return React.createElement(View, { ...props, ref: ref });
18});
19export const TH = forwardRef((props, ref) => {
20    return React.createElement(TableText, { ...props, style: [styles.th, props.style], ref: ref });
21});
22export const TR = forwardRef((props, ref) => {
23    return React.createElement(View, { ...props, style: [styles.tr, props.style], ref: ref });
24});
25export const TD = forwardRef((props, ref) => {
26    return React.createElement(TableText, { ...props, style: [styles.td, props.style], ref: ref });
27});
28export const Caption = forwardRef((props, ref) => {
29    return React.createElement(Text, { ...props, style: [styles.caption, props.style], ref: ref });
30});
31const styles = StyleSheet.create({
32    caption: {
33        textAlign: 'center',
34        fontSize: em(1),
35    },
36    th: {
37        textAlign: 'center',
38        fontWeight: 'bold',
39        flex: 1,
40        fontSize: em(1),
41    },
42    tr: {
43        flexDirection: 'row',
44    },
45    td: {
46        flex: 1,
47        fontSize: em(1),
48    },
49});
50//# sourceMappingURL=Table.js.map