<script>
/**
	File upload

		// Can be created dynamically
		var file = new OreeshFile();
	
	
		<!-- Or via HTML -->
		<oreesh-file url="/oreesh-file-test" name="my_file" style="display: inline-block; width: 300px;"></oreesh-file>

	@class oreesh-file
**/
/**
	Location where the file will be sent

	@attribute url
**/
/**
	The event that fires when file is uploaded

	@attribute uploaded
**/
</script>

<dom-module id="oreesh-file">
	<template>
		<link rel="stylesheet" is="custom-style" href="./oreesh-file.css">
		<div class="drop-zone">

			<div class="accept-files">
				
				<!-- Everything needs to be in the label -->
				<label>
					
					<!-- Hidden input -->
					<input class="file-form" type="file" />

					<div class="icon-area">
						<img source="<%- svg.file_icon_normal %>" class="icon" />
						<div class="info-text">
							<content></content>
						</div>
					</div>

				</label>
			</div>

			<div class="display-files"></div>
		</div>

		<!-- The button sits outside the drop zone area -->
		<div class="button-area">
			<oreesh-button disabled class="upload-button">Upload</oreesh-button>
		</div>

	</template>
</dom-module>

<script src="./oreesh-file.js"></script>