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

<template>
  <div class="flex">
    <kk-button color="#626aef" :dark="isDark">Default</kk-button>
    <kk-button color="#626aef" :dark="isDark" plain>Plain</kk-button>

    <kk-button color="#626aef" :dark="isDark" disabled>Disabled</kk-button>
    <kk-button color="#626aef" :dark="isDark" disabled plain
      >Disabled Plain</kk-button
    >
  </div>
</template>
