<template>
  <el-row class="mb-4">
    <kk-button disabled>Default</kk-button>
    <kk-button type="primary" disabled>Primary</kk-button>
    <kk-button type="success" disabled>Success</kk-button>
    <kk-button type="info" disabled>Info</kk-button>
    <kk-button type="warning" disabled>Warning</kk-button>
    <kk-button type="danger" disabled>Danger</kk-button>
  </el-row>

  <el-row>
    <kk-button plain disabled>Plain</kk-button>
    <kk-button type="primary" plain disabled>Primary</kk-button>
    <kk-button type="success" plain disabled>Success</kk-button>
    <kk-button type="info" plain disabled>Info</kk-button>
    <kk-button type="warning" plain disabled>Warning</kk-button>
    <kk-button type="danger" plain disabled>Danger</kk-button>
  </el-row>
</template>

<script lang="ts" setup>
import { KkButton } from 'kankan-components'
</script>
