<template>
  <VButton
    :size="size"
    class="blog-button"
    href="/blog"
    tag="a"
    target="_blank"
    type="secondary">
    Go to Blog
  </VButton>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue';
import VButton from '@/components/ui/common/VButton.vue';

export default defineComponent({
  components: { VButton },

  props: {
    size: {
      type: String as PropType<'extra-big' | 'big' | 'medium' | 'small'>,
      default: 'extra-big',
    },
  },
});
</script>
