EmptyState
An empty state banner can be used when a container meant to display content has no data to show.

Add User
There are currently no users added to the system. Use the button below to add users within this environment.
Usage
import {
EmptyState,
EmptyStateIcon,
EmptyStateTitle,
EmptyStateDescription,
EmptyStateFooter,
} from "@aqqo/aqqo-ui";
<ComponentPreview>
<ComponentPreview>
<EmptyState>
<EmptyStateIcon>
<UserCirclePlus
className="text-primary-dark-green"
size={32}
/>
</EmptyStateIcon>
<EmptyStateTitle>
Add User
</EmptyStateTitle>
<EmptyStateDescription>
There are currently no users added to the system.
Use the button below to add users within this environment.
</EmptyStateDescription>
<EmptyStateFooter>
<Button
variant="secondary"
>
New User
</Button>
<Button
className="ring-1 ring-gray-200 text-white hover:text-zinc-900 hover:bg-gray-100"
variant="tertiary"
>
Knowledge Base
</Button>
</EmptyStateFooter>
</EmptyState>
</ComponentPreview>
</ComponentPreview>