<!-- source-hash: 0012cf080129b0f8dfed50a5c9c4705b -->
A deprecated React SVG icon component that renders a double chevron (double arrow) in four directional orientations via CSS rotation.

## Key Components

### Types
- **`DoubleChevronDirection`** — Union type: `'left' | 'right' | 'up' | 'down'`

### Props (`DoubleChevronIconProps`)
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `''` | Additional CSS classes |
| `size` | `number` | `20` | Width and height in pixels |
| `direction` | `DoubleChevronDirection` | `'left'` | Arrow direction |
| `color` | `string` | `'#888888'` | SVG fill color |

### `rotationMap`
Internal lookup table mapping each direction to a Tailwind rotation class (`rotate-0`, `rotate-180`, `rotate-90`, `-rotate-90`).

## Usage Example

```typescript
import { DoubleChevronIcon } from './double-chevron-icon'

// Default left-pointing chevron
<DoubleChevronIcon />

// Custom size, direction, and color
<DoubleChevronIcon
  direction="right"
  size={16}
  color="#FFC008"
  className="ml-2"
/>
```

> ⚠️ **Deprecated** — This component is marked for removal. Use the equivalent icon from `icons-v2-generated` instead.