# ForbiddenState

> `ForbiddenState` is part of the States set, imported from `@jcsoftdev/ui/states`.

Source: https://ui.jcsoftdev.com/docs/components/forbidden-state

`ForbiddenState` is part of the States set, imported from `@jcsoftdev/ui/states`.

## Import

```ts
import { ForbiddenState } from "@jcsoftdev/ui/states";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/states/forbidden-state`.

## Usage

```tsx
<ForbiddenState
  title="No tienes acceso a los reportes de ingresos"
  reason="Solo el administrador de la barbería puede ver las ventas del local."
/>
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `title` * | `ReactNode` |  |  |
| `reason` | `ReactNode` |  | Reason for the block, e.g. depending on role; never just "Forbidden". |
| `className` | `string` |  |  |

`*` marks a required prop.

## Storybook stories

- [Default](/storybook/?path=/story/states-forbiddenstate--default)
- [Title Only](/storybook/?path=/story/states-forbiddenstate--title-only)

## Source

`packages/ui/src/states/forbidden-state/forbidden-state.tsx`