<script>
    // import { Button, Tooltip } from 'flowbite-svelte';


	export let pill = false;
	export let color = 'blue';
	export let size = 'sm';
</script>

<button {size} class="!p-2" {pill} {color}>
	<svg class="w-6 h-6" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
		<path
			fill="currentColor"
			d="m62.578 41.956 -28.444 21.333a3.556 3.556 0 0 1 -4.267 0l-28.444 -21.333a3.637 3.637 0 0 1 -1.244 -3.982A3.605 3.605 0 0 1 3.556 35.556h7.111V32a3.566 3.566 0 0 1 3.556 -3.556h35.556a3.566 3.566 0 0 1 3.556 3.556v3.556h7.111a3.552 3.552 0 0 1 2.133 6.4Z"
		/>
		<path
			fill="currentColor"
			x="3"
			y="4"
			width="12"
			height="2"
			rx="1"
			ry="1"
			d="M14.222 14.222H49.778A3.556 3.556 0 0 1 53.333 17.778V17.778A3.556 3.556 0 0 1 49.778 21.333H14.222A3.556 3.556 0 0 1 10.667 17.778V17.778A3.556 3.556 0 0 1 14.222 14.222z"
		/>
		<path
			fill="currentColor"
			x="3"
			width="12"
			height="2"
			rx="1"
			ry="1"
			d="M14.222 0H49.778A3.556 3.556 0 0 1 53.333 3.556V3.556A3.556 3.556 0 0 1 49.778 7.111H14.222A3.556 3.556 0 0 1 10.667 3.556V3.556A3.556 3.556 0 0 1 14.222 0z"
		/></svg
	>
</button>
<!-- <Tooltip
	id="type-auto"
	arrow={false}
	type="custom"
	defaultClass=""
	class="p-1 text-sm bg-blue-700 text-gray-100">Priority</Tooltip
> -->
