@dated/delegate-calculator-plugin/src/components/modals/DisclaimerModal.js

Compare delegate payouts and get an overview of your potential staking rewards directly in the ARK Desktop Wallet

module.exports = {
  template: `
    <ModalConfirmation
      container-classes="max-w-md"
      title="Disclaimer"
      cancel-button="Cancel"
      continue-button="I understand"
      @cancel="emitCancel"
      @close="emitCancel"
      @continue="emitConfirm"
    >
      <div class="mb-6 text-grey-darker text-lg">
        <p class="mb-3">
          The information presented by this plugin is based on the data available on https://arkdelegates.live and has been prepared for informational purposes only.
        </p>

        <p>
          Special thanks to delegates <span class="font-semibold">deadlock</span> and <span class="font-semibold">itsanametoo</span> for building and maintaining https://arkdelegates.live
        </p>
      </div>
    </ModalConfirmation>
  `,

  props: {
    callback: {
      type: Function,
      required: true
    }
  },

  methods: {
    executeCallback (event) {
      this.callback({
        component: 'DisclaimerModal',
        event
      })
    },

    emitCancel () {
      this.executeCallback('cancel')
    },

    emitConfirm () {
      this.executeCallback('confirm')
    }
  }
}