<template>
  <VcButtonIcon
    :icon="icon"
    :type="type"
    :color="color"
  />
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue'
import VcButtonIcon from '@/components/VcButton/VcButtonIcon.vue'
import { ButtonIconType, ButtonColor } from '@/components/VcButton/VcButton.types'

const DEFAULT_TYPE = 'default'
const DEFAULT_COLOR = 'primary'

export default defineComponent({
  name: 'VcPagination',
  components: {
    VcButtonIcon
  },
  props: {
    icon: {
      type: String,
      default: 'vc-icon-settings'
    },
    type: {
      type: String as PropType<ButtonIconType>,
      default: DEFAULT_TYPE
    },
    color: {
      type: String as PropType<ButtonColor>,
      default: DEFAULT_COLOR
    }
  }
})
</script>
