<script>
import {FwbButton} from "flowbite-vue";

export default {
  components: {
    FwbButton
  },
  props: {
    onClick: {
      type: Function,
      default: () => {
      },
    }
  }
}
</script>

<template>
  <fwb-button
    color="dark"
    :onclick="onClick"
    outline
    square
  >
    <svg
      class="feather feather-x-square"
      fill="none"
      height="24"
      stroke="currentColor"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-width="2"
      viewBox="0 0 24 24"
      width="24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect
        height="18"
        rx="2"
        ry="2"
        width="18"
        x="3"
        y="3"
      />
      <line
        x1="9"
        x2="15"
        y1="9"
        y2="15"
      />
      <line
        x1="15"
        x2="9"
        y1="9"
        y2="15"
      />
    </svg>
  </fwb-button>
</template>