<template>
	<div class="wcc-empty-state">
		<base-icon :icon="icon" :width="width" :height="height"></base-icon>
		<p class="wcc-empty-message">{{ emptyMessage }}</p>
	</div>
</template>

<script>
import BaseIcon from "./icons/BaseIcon.vue";

export default {
	name: "empty",
	components: { BaseIcon },
	props: {
		emptyMessage: {
			type: String,
			default: "",
		},
		icon: {
			type: String,
			default: "blank",
		},
		width: {
			type: String,
			default: "60px",
		},
		height: {
			type: String,
			default: "60px",
		},
	},
};
</script>