Empty state

<script lang="ts">
  import { EmptyState, EmptyStateContent, EmptyStateTitle, EmptyStateDescription, EmptyStateAction } from '$lib/components/empty-state';
  import { CMSAdd } from '$lib/components/icons';
  import { Link } from '$lib/components/link';
</script>

<EmptyState>
  <CMSAdd size={20} />
  <EmptyStateContent>
    <EmptyStateTitle>No posts created yet</EmptyStateTitle>
    <EmptyStateDescription>
      Create your first blog post to start sharing content<br />with your audience
    </EmptyStateDescription>
  </EmptyStateContent>
  <EmptyStateAction>
    <Link button>Create new post</Link>
  </EmptyStateAction>
</EmptyState>