<template>
  <LoginModal ref="login_modal" />

  <BulmaButton
    class="button is-light"
    @click.left="$refs.login_modal.set_active(true)"
    icon="fa-solid fa-toggle-off"
    text="Admin"
  />
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";

import BulmaButton from "./bulma/Button.vue";
import LoginModal from "./LoginModal.vue";

@Options({
  components: {
    BulmaButton,
    LoginModal,
  },
})
export default class extends Vue {
  declare $refs: {
    login_modal: LoginModal;
  };
}
</script>
