import { Responsive } from 'semantic-ui-react'

export default observer class Utils extends Component
  @isMobile: =>
    if innerWidth <= Responsive.onlyMobile.maxWidth
      true

    else
      false

  @isTablet: =>
    if innerWidth >= Responsive.onlyTablet.minWidth and innerWidth <= Responsive.onlyTablet.maxWidth
      true

    else
      false

  @isComputer: =>
    if innerWidth >= Responsive.onlyComputer.minWidth
      true

    else
      false