---
// Port of preview/pages/dropzone.html (layout: default).
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import Dropzone from '@shared/components/ui/Dropzone.astro';
---

<DefaultLayout
	title="Dropzone"
	pageHeader="Dropzone"
	pageMenu="plugins.dropzone"
	pageLibs={['dropzone']}
>
	<div class="row row-cards">
		<div class="col-md-6">
			<div class="card">
				<div class="card-body">
					<h3 class="card-title">Basic Usage</h3>
					<Dropzone id="default" />
				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="card">
				<div class="card-body">
					<h3 class="card-title">Multiple File Upload</h3>
					<Dropzone id="multiple" multiple={true} />
				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="card">
				<div class="card-body">
					<h3 class="card-title">Custom Dropzone</h3>
					<Dropzone
						id="custom"
						custom={true}
						text="Your text here"
						description="Your custom description here"
					/>
				</div>
			</div>
		</div>
	</div>
</DefaultLayout>