
<template>
  <router-link :to="{name: 'browser', params: [path]}"
               class="fotkipress-directory-component fotkipress-directory-folder"
               v-bind:class="{'fotkipress-directory-public-folder': ispublic}"
               :data-path="path"
               :draggable="!ispublic && name !== '..'">
    <div v-bind:class="{'not-readable': !isreadable}">
      <span>{{name}}</span>
    </div>
  </router-link>
</template>


<script>
export default {
    props: {
        name: {
            type: String,
            required: true
        },
        path: {
            type: String,
            required: true
        },
        ispublic: {
            type: Boolean,
            default: false
        },
        isreadable: {
            type: Boolean,
            default: true
        }
    }
};
</script>
