.mp-modal-stage(
  class={
  'mp-modal-absolute': $attrs['not-fullscreen'],
  'mp-modal-closed': visibility === 'closed',
  'mp-modal-size-constraints': !$attrs['grow-to-content'],
  }
  on={click: e => e.stopPropagation()}
)
  if $helpers.getType() === 'modal'
    .mp-modal-backdrop(
      class={[`mp-modal-${visibility}`]: true}
      on={click: $helpers.backdropClicked}
    )
  .mp-modal-wrapper
    .mp-modal-main(class={[`mp-modal-${visibility}`]: true})
      if $attrs['closeable'] && !$attrs['hide-close-button']
        .mp-modal-close-btn(on={click: $helpers.closeClicked})
          .mp-modal-close-icon
            include ./close.svg
      slot