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 <View {...props} ref={ref}/>;
9});
10export const THead = forwardRef((props, ref) => {
11    return <View {...props} ref={ref}/>;
12});
13export const TBody = forwardRef((props, ref) => {
14    return <View {...props} ref={ref}/>;
15});
16export const TFoot = forwardRef((props, ref) => {
17    return <View {...props} ref={ref}/>;
18});
19export const TH = forwardRef((props, ref) => {
20    return <TableText {...props} style={[styles.th, props.style]} ref={ref}/>;
21});
22export const TR = forwardRef((props, ref) => {
23    return <View {...props} style={[styles.tr, props.style]} ref={ref}/>;
24});
25export const TD = forwardRef((props, ref) => {
26    return <TableText {...props} style={[styles.td, props.style]} ref={ref}/>;
27});
28export const Caption = forwardRef((props, ref) => {
29    return <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