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