# Availability Cell

One month of availability, used six at a time in the Availability Strip.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/availability-cell
```

## Usage

```tsx
import { AvailabilityCell } from '@/components/fetaui/availability-cell'

export function Example() {
  return <AvailabilityCell month="Feb" state="one-slot" />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| month | string | required |
| state | booked, one-slot, open | open |
| note | string |  |
| onSelect | () => void |  |
| selected | boolean | false |
| animated | boolean | true |
| className | string |  |

## When to use

- To show if a month can still be booked.

## When not to use

- For picking dates: use Calendar.

## Accessibility

- State is written out, never colour alone.

## Motion

- Hover lifts the cell 1 px and rolls the month up in place.
- With `onSelect` it presses to 0.97 and pops in 320 ms when picked.
- Reduced motion keeps the colours and drops the movement.