A client-side React component library providing customizable SVG icons for common UI states and actions.
## Key Components
This file exports five icon components, each accepting an optional `className` prop for styling:
- **`CheckIcon`** - Simple checkmark for success states and confirmations
- **`XIcon`** - X/close icon for dismissals and cancellations
- **`MinusIcon`** - Horizontal line for remove/subtract actions
- **`CheckCircleIcon`** - Checkmark within a circle for completed states
- **`XCircleIcon`** - X within a circle for error or failure states
All icons use consistent styling with `currentColor` stroke, 2px stroke width, and rounded line caps for a cohesive visual appearance.
## Usage Example
```typescript
import { CheckIcon, XCircleIcon } from './custom-icons'
function StatusMessage({ isSuccess, message }: { isSuccess: boolean, message: string }) {
return (
{isSuccess ? (
) : (
)}
{message}
)
}
// Button with close icon
function CloseButton({ onClick }: { onClick: () => void }) {
return (
)
}
```