import { EuiFlyout } from '@elastic/eui' ; import { euiStyled } from '../../../../../../../../../../src/plugins/kibana_react/common' ; export const ResponsiveFlyout = euiStyled ( EuiFlyout ) `
  width: 100%;

  @media (min-width: 800px) {
    width: 90%;
  }

  @media (min-width: 1000px) {
    width: 80%;
  }

  @media (min-width: 1400px) {
    width: 70%;
  }

  @media (min-width: 2000px) {
    width: 60%;
  }
` ;