A React component that renders an alert/warning triangle icon as an SVG, commonly used for error states, warnings, and notifications.
## Key Components
- **`AlertTriangleIconProps`** - TypeScript interface extending React's SVGProps for type safety
- **`AlertTriangleIcon`** - Main component function that renders a warning triangle SVG with customizable styling
## Usage Example
```typescript
import { AlertTriangleIcon } from './alert-triangle-icon'
// Basic usage with defaults (white color, h-6 w-6 size)
// Custom styling
// With additional SVG props
console.log('Warning clicked')}
role="img"
aria-label="Warning"
/>
// In an alert message
```
The component features a 24x24 viewBox with stroke-based paths showing a triangle outline with an exclamation mark inside. It accepts all standard SVG props through prop spreading, making it highly flexible for different use cases while maintaining consistent visual styling.