import { Classes } from '@blueprintjs/core'
import { css } from '@emotion/css'

const responsiveButtonGroup = css`
  // imitates the icon-only buttons from BlueprintJS
  @media (max-width: 50rem) {
    .${Classes.BUTTON} .${Classes.ICON} {
      margin-right: 0;
    }
    .${Classes.BUTTON_TEXT} {
      display: none;
    }
    .${Classes.BUTTON} {
      width: 0;
    }
  }
`

export default responsiveButtonGroup
