@@ -0,0 +1,49 @@
<template>
  <Block
    v-if="fetchedData && fetchedData.image && fetchedData.link"
    :title="$_tr('title')"
    :link="{
      name: 'SocialFeedPage'
    }"
    :link-label="$_tr('more')"
    title-tag="h3"
    class="home-social-block"
  >
    <LinkWithEdition
      v-bind="fetchedData"
      :href="fetchedData.link"
      :inline="false"
    >
      <img
        :src="$_getContentImage(fetchedData.image, 'banner-home')"
        :alt="$_tr('altSocialImage')"
      />
    </LinkWithEdition>
  </Block>
</template>

<script>
import Block from '@inside-commons/components/lib/Block'

import { Link } from 'inside-collection/components'

import { withEdition } from '@inside-edition/hocs'

export default {
  name: 'HomeSocialBlock',
  $_i18nRootPath: 'customs.HOMEPAGE.TWITTER',
  components: { Block, LinkWithEdition: withEdition(Link) },
  props: {
    fetchedData: {
      type: Object,
      required: true
    }
  }
}
</script>

<style lang="scss">
.home-social-block {
  img {
    max-width: 550px;
    max-height: 410px;
    width: 100%;
  }
}
</style>
