A customizable star icon component built with SVG that provides flexible styling and sizing options for React applications.
## Key Components
- **CustomStarIconProps** - Interface defining component props including optional className, fill color, and dimensions
- **CustomStarIcon** - Main React component that renders an outlined star SVG with customizable properties
## Usage Example
```typescript
import { CustomStarIcon } from './custom-star-icon';
// Basic usage with defaults (24x24px, gray fill)
// Customized styling
// Using with additional props (spread operator support)
handleStarClick()}
aria-label="Rating star"
/>
```
The component uses a 24x24 viewBox with an outlined star path design. Default values include a neutral gray fill (#888888) and 24px dimensions. The spread operator allows passing additional SVG attributes like event handlers or accessibility props directly to the underlying SVG element.