<script lang="ts">
	import InboxIcon from "@lucide/svelte/icons/inbox";
	import PlusIcon from "@lucide/svelte/icons/plus";

	import EmptyState from "@orochibraru/ui/blocks/empty-state";
	import { Button } from "@orochibraru/ui/button";
</script>

<EmptyState
	icon={InboxIcon}
	title="No messages yet"
	subtitle="Start a conversation and it shows up here."
>
	<Button><PlusIcon /> New message</Button>
</EmptyState>