<template>
  <o-dropdown aria-role="list" position="is-bottom-left">
    <o-icon icon="dots-horizontal" slot="trigger" />

    <o-dropdown-item aria-role="listitem" @click="$emit('rename')">
      <o-icon icon="pencil" />
      {{ $t("Rename") }}
    </o-dropdown-item>
    <o-dropdown-item aria-role="listitem" @click="$emit('move')">
      <o-icon icon="folder-move" />
      {{ $t("Move") }}
    </o-dropdown-item>
    <o-dropdown-item aria-role="listitem" @click="$emit('delete')">
      <o-icon icon="delete" />
      {{ $t("Delete") }}
    </o-dropdown-item>
  </o-dropdown>
</template>
<script lang="ts">
import { Vue } from "vue-property-decorator";

export default class ResourceDropdown extends Vue {}
</script>
