<mk-drive-folder>
	<a @click="onclick" href="/i/drive/folder/{ folder.id }">
		<div class="container">
			<p class="name">%fa:folder%{ folder.name }</p>%fa:angle-right%
		</div>
	</a>
	<style lang="stylus" scoped>
		:scope
			display block

			> a
				display block
				color #777
				text-decoration none !important

				*
					user-select none
					pointer-events none

				> .container
					max-width 500px
					margin 0 auto
					padding 16px

					> .name
						display block
						margin 0
						padding 0

						> [data-fa]
							margin-right 6px

					> [data-fa]
						position absolute
						top 0
						bottom 0
						right 20px

						> *
							height 100%

	</style>
	<script lang="typescript">
		this.browser = this.parent;
		this.folder = this.opts.folder;

		this.onclick = ev => {
			ev.preventDefault();
			this.browser.cd(this.folder);
			return false;
		};
	</script>
</mk-drive-folder>
