<template>
    <li>
        <div :class="{selected: item.selected}">
            <a class="nav" :class="{'expanded': item.expanded, 'leaf': item.leaf}" @click="toggleExpanded(item)"></a>
            <a class="check" @click="toggleCheck(item)" :class="setButtonClass(item)"></a>
            <a class="type" :class="[item.iconCls, item.hidden ? 'invisible' : '']"></a>
            <span>{{ $t(item.text) }}</span>
        </div>
        <ul v-bind:class="{'expanded': item.expanded}">
            <restore-file-picker-item
                    v-for="(child) in item.children"
                    :item="child"
                    :backupID="backupID"
                    :restoreBackupTime="restoreBackupTime"
                    @deleteObject="deleteObject()"
            ></restore-file-picker-item>
        </ul>
    </li>
</template>