import * as React from 'react';
import * as PropTypes from 'prop-types';
import { BoxProps as ReakitBoxProps } from 'reakit/ts/Box/Box';

import { TableRow as _TableRow } from './styled';

export type LocalTableRowProps = {
  children: React.ReactNode;
};
export type TableRowProps = ReakitBoxProps & LocalTableRowProps;

export const TableRow: React.FunctionComponent<LocalTableRowProps> = ({ children, ...props }) => (
  <_TableRow use="tr" {...props}>
    {children}
  </_TableRow>
);

export const tableRowPropTypes = {
  children: PropTypes.node.isRequired
};
TableRow.propTypes = tableRowPropTypes;

TableRow.defaultProps = {};

const C: React.FunctionComponent<TableRowProps> = TableRow;
export default C;