<PaperDialog
  @fullscreen={{this.options.fullscreen}}
  @escapeToClose={{this.options.escapeToClose}}
  @opaque={{this.options.opaque}}
  @focusOnOpen={{this.options.focusOnOpen}}
  @clickOutsideToClose={{this.options.clickOutsideToClose}}
  @closeTo={{this.options.closeTo}}
  @openFrom={{this.options.openFrom}}
  @origin={{this.options.origin}}
  @parent={{this.options.parent}}
  @onClose={{this.decline}}>
  {{#if this.options.titleComponent}}
    {{component
      this.options.titleComponent
      options=this.options
      confirm=this.confirm
      decline=this.decline
    }}
  {{/if}}
  <PaperDialogContent>

    {{#unless this.options.titleComponent}}
      <h2 class="md-title">{{this.options.title}}</h2>
    {{/unless}}

    {{#if this.options.bodyComponent}}
      {{component
        this.options.bodyComponent
        options=this.options
      }}
    {{else}}
      <p>{{this.options.body}}</p>
    {{/if}}
  </PaperDialogContent>
  <PaperDialogActions class="layout-row">
    <span class="flex"></span>
    {{#if this.options.footerComponent}}
      {{component
        this.options.footerComponent
        options=this.options
        confirm=this.confirm
        decline=this.decline
      }}
    {{else}}
      <p>{{this.options.footer}}</p>
      <PaperButton
        @primary={{this.options.confirmButtonPrimary}}
        @fab={{this.options.confirmButtonFab}}
        @mini={{this.options.confirmButtonMini}}
        @noInk={{this.options.confirmButtonNoInk}}
        @raised={{this.options.confirmButtonRaised}}
        @iconButton={{this.options.confirmButtonIcon}}
        @onClick={{this.confirm}}>
        {{#if this.options.confirmButtonIcon}}
          <PaperIcon @icon={{this.options.confirmButtonIcon}}/>
        {{/if}}
        {{this.options.confirm}}
      </PaperButton>
    {{/if}}
  </PaperDialogActions>
</PaperDialog>