<script>"use strict";
export let type = "text";
export let width = "100%";
export let height = type === "circle" ? "2rem" : "1rem";
export let shade = "light";
</script>

<div
	class="animate-pulse rounded transition-opacity duration-[1500ms] delay-[200ms] bg-stone-300 opacity-30"
	class:bg-stone-400={shade === 'dark'}
	class:w-full={type === 'text'}
	class:h-4={type === 'text'}
	class:w-auto={type !== 'text'}
	class:rounded-full={type === 'circle'}
	class:rounded={type !== 'circle'}
	style="width: {width}; height: {height};"
/>
