<!-- source-hash: 39b9cc086c5ad9f1907000e44428e838 -->
A client-side React component that renders a styled warning panel for displaying AI-generated warnings, returning `null` when no warnings are present.

## Key Components

- **`AIWarningsSectionProps`** — Interface defining component props:
  - `warnings: string[]` — Array of warning messages to display
  - `title?: string` — Optional panel title (defaults to `'AI Warnings'`)
  - `className?: string` — Optional additional CSS classes
- **`AIWarningsSection`** — React functional component that renders a warning-styled card with a triangle alert icon, a configurable title, and a bulleted list of warning messages

## Usage Example

```typescript
import { AIWarningsSection } from './AIWarningsSection'

// Basic usage
<AIWarningsSection
  warnings={[
    'This ticket may have incomplete information.',
    'Resolution confidence is below threshold.',
  ]}
/>

// With custom title and className
<AIWarningsSection
  title="Review Required"
  warnings={['Duplicate ticket detected.']}
  className="mt-4"
/>

// Returns null — nothing rendered
<AIWarningsSection warnings={[]} />
```

## Notes

- Returns `null` for empty or undefined `warnings` arrays, making it safe to render unconditionally
- Styling uses ODS (OpenFrame Design System) tokens (`ods-warning`) for consistent theming
- Uses [`cn`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/utils/cn.ts) utility for conditional class merging