<!-- source-hash: df7ab4b57de16e626d5128eea704dac8 -->
A React functional component that renders an SVG sun icon with customizable dimensions and styling, commonly used for light theme indicators in dark/light mode toggles.

## Key Components

- **`SunIconProps`** - TypeScript interface defining optional props for styling and dimensions
- **`SunIcon`** - Main functional component that renders the sun SVG with rays and central circle
- **SVG Structure** - Two path elements creating the sun's center and surrounding rays

## Usage Example

```typescript
import { SunIcon } from './sun-icon';

// Basic usage with default 24x24 dimensions
<SunIcon />

// Custom size and styling
<SunIcon 
  width={32} 
  height={32} 
  className="text-yellow-500 hover:text-yellow-600" 
/>

// In a theme toggle button
<button onClick={toggleTheme}>
  <SunIcon className="w-5 h-5" />
  Light Mode
</button>
```

The icon uses `currentColor` for the fill, making it easily themeable through CSS text color properties. The component provides sensible defaults while allowing full customization of size and appearance.