<!-- source-hash: 1d7ee0c79aba784f62a0643bdd8a67e7 -->
A deprecated React SVG icon component representing a margin crisis (bar chart style) graphic with three vertical bars of varying heights.

## Key Components

### `MarginCrisisIconProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `''` | CSS class for styling |
| `width` | `number \| string` | `148` | SVG width |
| `height` | `number \| string` | `148` | SVG height |
| `strokeColor` | `string` | `'#F357BB'` | Stroke color for all bars |

### `MarginCrisisIcon`
Renders a 148×148 viewBox SVG with three rounded rectangular bars (left, center, right) at increasing heights, styled with configurable stroke color and no fill.

> ⚠️ **Deprecated** — Use icons from `icons-v2-generated` instead.

## Usage Example

```typescript
import { MarginCrisisIcon } from './margin-crisis-icon';

// Default usage
<MarginCrisisIcon />

// Custom size and color
<MarginCrisisIcon
  width={64}
  height={64}
  strokeColor="#FF0000"
  className="my-icon"
/>
```