// @flow
import styled from 'styled-components';
import { Thead as RsrThead } from 'react-super-responsive-table';
import type { TheadProps } from './t-head.proptypes';
import type { PatchworkComponent } from '../../../../types';
import { bpLarge } from '../../../../breakpoints';

export const Thead: PatchworkComponent<TheadProps> = styled(RsrThead).attrs(
  () => ({
    className: 'PwTHead',
  }),
)`
  @media (max-width: ${bpLarge}) {
    display: block;
  }
`;

Thead.displayName = 'Thead';
