<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-save"
      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"
    >
      <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
      <polyline points="17 21 17 13 7 13 7 21" />
      <polyline points="7 3 7 8 15 8" />
    </svg>
  </fwb-button>
</template>