<script lang="ts">
	import CarbonUpload from "~icons/carbon/upload";

	export let classNames = "";
	export let files: File[];
	let filelist: FileList;

	$: if (filelist) {
		files = Array.from(filelist);
	}
</script>

<button
	class="btn relative h-8 rounded-lg border bg-white px-3 py-1 text-sm text-gray-500 shadow-sm transition-all hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600 {classNames}"
>
	<input
		bind:files={filelist}
		class="absolute w-full cursor-pointer opacity-0"
		type="file"
		accept="image/*"
	/>
	<CarbonUpload class="mr-2 text-xs " /> Upload image
</button>