<template>
  <div class="mobile-content-card">
    <ContentInfo
      :phone="phone"
      :qr="qr"
      :platform="platform"
      :use-customer3="useCustomer3"
      :is-current-phone="isCurrentPhone"
      @contact="contactMe"
    />
    <FooterCard />
  </div>
</template>

<script>
import ContentInfo from './content'
import FooterCard from './footer'

export default {
  name: 'MobileContentCard',
  components: {
    ContentInfo,
    FooterCard
  },
  props: {
    phone: {
      type: String,
      default: '13283800000'
    },
    qr: {
      type: String,
      default: ''
    },
    useCustomer3: {
      type: Boolean,
      default: false,
    },
    isCurrentPhone: {
      type: Boolean,
      default: false,
    },
    platform: String,
  },
  methods: {
    contactMe() {
      this.$emit('contact')
    }
  }
}
</script>

<style scoped lang="scss">

</style>
