// @flow
import styled from 'styled-components';
import { Tbody as RsrTBody } from 'react-super-responsive-table';
import type { TbodyProps } from './t-body.proptypes';
import { tBodyPropTypes } from './t-body.proptypes';
import type { PatchworkComponent } from '../../../../types';
import { bpLarge } from '../../../../breakpoints';

export const Tbody: PatchworkComponent<TbodyProps> = styled(RsrTBody)`
  @media (max-width: ${bpLarge}) {
    display: block;
  }
`;

Tbody.displayName = 'Tbody';
Tbody.propTypes = tBodyPropTypes;
