import { tools } from '../../store/Modules/tools'
import { useQuasar } from 'quasar'
import { useI18n } from 'vue-i18n'
import { useUserStore } from '@store/UserStore'
import { useGlobalStore } from '@store/globalStore'
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'CShareSocial',
  props: {
    description: {
      type: String,
      required: true,
    },
    title: {
      type: String,
      required: false,
      default: '',
    },
    url: {
      type: String,
      required: false,
      default: '',
    },
    quote: {
      type: String,
      required: false,
      default: '',
    },
  },
  components: {},
  setup(props) {
    const $q = useQuasar()

    const networks = [
      {
        network: 'whatsapp',
        name: 'Whatsapp',
        icon: 'fab fah fa-lg fa-whatsapp',
        color: '#25d366'
      },
      { network: 'email', name: 'Email', icon: 'far fah fa-lg fa-envelope', color: '#333333' },
      { network: 'facebook', name: 'Facebook', icon: 'fab fah fa-lg fa-facebook-f', color: '#1877f2' },
      { network: 'telegram', name: 'Telegram', icon: 'fab fah fa-lg fa-telegram-plane', color: '#0088cc' },
    ]

    return {
      tools,
      networks,
    }
  },
})