<template>
  <kk-button-group mb4>
    <kk-button type="primary" :icon="ArrowLeft">Previous Page</kk-button>
    <kk-button type="primary">
      Next Page<el-icon class="el-icon--right"><ArrowRight /></el-icon>
    </kk-button>
  </kk-button-group>

  <kk-button-group ml4>
    <kk-button type="primary" :icon="Edit" />
    <kk-button type="primary" :icon="Share" />
    <kk-button type="primary" :icon="Delete" />
  </kk-button-group>
</template>

<script setup lang="ts">
import { KkButton, KkButtonGroup } from 'kankan-components'
import {
  ArrowLeft,
  ArrowRight,
  Delete,
  Edit,
  Share,
} from '@kankan-components/icons-vue'
</script>
