@typeparam CFile

<div class="tile is-ancestor">

	<div class="tile is-parent is-vertical is-3">
		<div class="content">
			<p>
				@foreach (var filter in Filters)
				{
					<span class="tag is-light">@filter</span>
				}
			</p>
		</div>
		<div class="content">
			<div class="field">
				<div class="control">
					<InputText Value="SearchInput" ValueChanged="OnSearchChanged" class="input is-primary" type="text" placeholder="Search..." />
				</div>
			</div>
		</div>
		<div class="content">
			<aside class="menu">
				<ul class="menu-list">
					@foreach (var file in Files)
					{
						<li>
							<FileItem File="file" @onclick="OnFileClick(file)"></FileItem>
						</li>
					}
					<li><a>Dashboard</a></li>
					<li><a>Customers</a></li>
				</ul>
			</aside>
		</div>
		<div class="content">
			<div class="buttons has-addons">
				<button class="button is-primary">
					<span class="icon is-small">
						<i class="mdi mdi-plus-box-outline"></i>
					</span>
					Add
				</button>
				<button class="button is-warning">
					<span class="icon is-small">
						<i class="mdi mdi-pencil-box-outline"></i>
					</span>
					Update
				</button>
				<button class="button is-danger">
					<span class="icon is-small">
						<i class="mdi mdi-minus-box-outline"></i>
					</span>
					Delete
				</button>
			</div>
		</div>

	</div>

	<div class="tile is-parent is-vertical is-9">
		@Editor
	</div>

</div>