# Empty states

Four empty states in one illustration whose shapes morph between scenes as you switch tabs.

- ID: `empty-states`
- Import: `animui/empty-states`
- Category: blocks
- Runtime exports: `EmptyStates`, `default`
- Declaration: `types/free/blocks/empty-states.d.ts`
- Type provenance: emitted-original-typescript
- Related: empty-state, tabs

```tsx
import { EmptyStates } from 'animui/empty-states';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info empty-states` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { EmptyStates, default } from '../registry/blocks/empty-states/empty-states.js';
```