import * as React from 'react';
import { StyledComponent } from '..';
import { Breakpoint } from '../styles/createBreakpoints';

export interface HiddenProps {
  only?: Breakpoint | Array<Breakpoint>;
  xsUp?: boolean;
  smUp?: boolean;
  mdUp?: boolean;
  lgUp?: boolean;
  xlUp?: boolean;
  xsDown?: boolean;
  smDown?: boolean;
  mdDown?: boolean;
  lgDown?: boolean;
  xlDown?: boolean;
  implementation?: 'js' | 'css';
}

export default class Hidden extends StyledComponent<HiddenProps> {}