<template>
  <div class="space-button-paragraph-container mb-l">
    <Title tag="h3" class="mb-m"> {{ $_tr('resources') }} </Title>

    <Link
      :href="heritedData.space_button_link"
      :external="isExternalLink(heritedData.space_button_link)"
      :icon="null"
      :hover-decoration-disabled="true"
    >
      <Button>
        {{ heritedData.title }}
      </Button>
    </Link>
  </div>
</template>

<script>
import { isExternal } from 'inside-collection/helpers'
import { Button, Link } from 'inside-collection/components'
import { Title } from 'inside-collection/atoms'

export default {
  name: 'SpaceButtonParagraph',
  $_i18nRootPath: 'customs.SPACE',
  components: { Button, Link, Title },
  methods: {
    isExternalLink(link) {
      return isExternal(link)
    }
  }
}
</script>
