<template>
  <message
    heading="Welcome"
    :name="messageKey"
    :ga-label="gaLabel"
    :display="{ onGrayMobileBg: true }"
    @setMessageSeen="$emit('setMessageSeen')"
  >
    <template v-slot:icon>
      <icon name="bell" :display="{ size: 's' }" />
    </template>
    <template v-slot:content>
      <div class="has-text-gray-dark t-size-s t-links-underlined">
        <p>
          Thanks for creating your Texas Tribune account! You can use this login
          to edit your contact information, comment on texastribune.org stories,
          and view donation or subscription history. Soon, you'll also be able
          to update your newsletter preferences and credit card information.
        </p>
      </div>
    </template>
  </message>
</template>

<script>
import Message from './Message.vue';

import { READ_WRITE_WELCOME_MESSAGE_KEY } from '../../constants';

export default {
  name: 'WelcomeMessage',

  components: { Message },

  props: {
    gaLabel: {
      type: String,
      required: true,
    },
  },

  data() {
    return {
      messageKey: READ_WRITE_WELCOME_MESSAGE_KEY,
    };
  },
};
</script>

<template>
  <message
    heading="Welcome"
    :name="messageKey"
    :ga-label="gaLabel"
    :display="{ onGrayMobileBg: true }"
    @setMessageSeen="$emit('setMessageSeen')"
  >
    <template v-slot:icon>
      <icon name="bell" :display="{ size: 's' }" />
    </template>
    <template v-slot:content>
      <div class="has-text-gray-dark t-size-s t-links-underlined">
        <p>
          Thanks for creating your Texas Tribune account! You can use this login
          to edit your contact information, comment on texastribune.org stories,
          and view donation or subscription history.
        </p>
      </div>
    </template>
  </message>
</template>

<script>
import Message from './Message.vue';

import { READ_WRITE_WELCOME_MESSAGE_KEY } from '../../constants';

export default {
  name: 'WelcomeMessage',

  components: { Message },

  props: {
    gaLabel: {
      type: String,
      required: true,
    },
  },

  data() {
    return {
      messageKey: READ_WRITE_WELCOME_MESSAGE_KEY,
    };
  },
};
</script>

Remove reference to newsletter and credit card details
Remove reference to newsletter and credit card details
