<script lang="ts">
	import { Empty, Button } from 'stwui';

	const lock = "svg-path";
	const plus_circle = "svg-path";
</script>

<Empty>
	<Empty.Icon slot="icon" data={lock} />
	<Empty.Title slot="title">No Projects</Empty.Title>
	<Empty.Description slot="description">
		Get started by creating a new project.
	</Empty.Description>
	<Empty.Action slot="action">
		<Button type="primary" on:click={() => console.log('clicked new project')}>
			<Button.Leading slot="leading" data={plus_circle} />
			New Project
		</Button>
	</Empty.Action>
</Empty>