<template>
  <div class="l-grid--info medium">
    <running
      :online="online"
      v-bind="$attrs"
    />
    <template v-if="online">
      <screen-shot v-bind="$attrs" />
      <download />
    </template>
  </div>
</template>

<script>
import Running from './Running'
import ScreenShot from './ScreenShot'
import Download from './Download'

export default {
  name: 'DeviceRuntime',
  components: {
    Running,
    ScreenShot,
    Download
  },
  props: {
    online: {
      type: [Boolean, String],
      default: false
    }
  }
}
</script>
