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

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

Tbody.displayName = 'Tbody';
