<DModalBody @title="pause_notifications.title">
  <TapTileGrid @activeTile={{this.duration}} as |grid|>
    <TapTile
      @class="do-not-disturb-tile"
      @tileId="30"
      @activeTile={{grid.activeTile}}
      @onChange={{action "setDuration"}}
    >
      {{i18n "pause_notifications.options.half_hour"}}
    </TapTile>
    <TapTile
      @class="do-not-disturb-tile"
      @tileId="60"
      @activeTile={{grid.activeTile}}
      @onChange={{action "setDuration"}}
    >
      {{i18n "pause_notifications.options.one_hour"}}
    </TapTile>
    <TapTile
      @class="do-not-disturb-tile"
      @tileId="120"
      @activeTile={{grid.activeTile}}
      @onChange={{action "setDuration"}}
    >
      {{i18n "pause_notifications.options.two_hours"}}
    </TapTile>
    <TapTile
      @class="do-not-disturb-tile"
      @tileId="tomorrow"
      @activeTile={{grid.activeTile}}
      @onChange={{action "setDuration"}}
    >
      {{i18n "pause_notifications.options.tomorrow"}}
    </TapTile>
  </TapTileGrid>

  <DButton
    @action={{action "navigateToNotificationSchedule"}}
    @label="pause_notifications.set_schedule"
  />

</DModalBody>