<template>
  <MenuRow row-title="General Options">
    <form>
      <div class="form-field">
        <label for="live">Canvas Resolution</label>
      </div>
      <div class="form-field">
        <input
          id="canvasWidth"
          name="canvasWidth"
          type="number"
          value="1280"
        >
      </div>
      <div class="form-field">
        <input
          id="canvasHeight"
          name="canvasHeight"
          type="number"
          value="1024"
        >
      </div>
      <div class="form-field">
        <input
          id="canvasRefresh"
          type="button"
          name="canvasRefresh"
          value="refresh"
        >
      </div>
    </form>    
  </MenuRow>
</template>

<script>
  import MenuRow from './MenuRow.vue'
  export default {
  name: 'MenuGeneralOptions',
  components: {
    MenuRow
  }
}
</script>
