console.log(value)}\r\n />\r\n );\r\n}\r\n```\r\n\r\n### Product Review Style\r\n\r\nComplete rating component for product reviews:\r\n\r\n```jsx\r\nimport { Rating } from '@aniruddha1806/rating';\r\n\r\nfunction ProductReview() {\r\n const ratingLabels = [\r\n \"Poor\",\r\n \"Fair\", \r\n \"Good\",\r\n \"Very Good\",\r\n \"Excellent\"\r\n ];\r\n\r\n return (\r\n \r\n console.log('Review rating:', value)}\r\n style={{ marginBottom: '20px' }}\r\n />\r\n
\r\n );\r\n}\r\n```\r\n\r\n\r\n\r\n## TypeScript Usage\r\n\r\nThe component is fully typed and provides excellent TypeScript support:\r\n\r\n```typescript\r\nimport { Rating, RatingProps } from '@aniruddha1806/rating';\r\n\r\ninterface ReviewFormProps {\r\n onSubmit: (rating: number) => void;\r\n}\r\n\r\nconst ReviewForm: React.FC = ({ onSubmit }) => {\r\n const [rating, setRating] = useState(0);\r\n\r\n const handleRatingChange = (value: number): void => {\r\n setRating(value);\r\n onSubmit(value);\r\n };\r\n\r\n const ratingProps: RatingProps = {\r\n initialValue: rating,\r\n maxValue: 5,\r\n onChange: handleRatingChange,\r\n activeColor: \"#FFD700\",\r\n size: 24\r\n };\r\n\r\n return ;\r\n};\r\n```\r\n\r\n## Styling\r\n\r\nThe component uses inline styles for maximum compatibility and doesn't require any CSS imports. You can customize the appearance using the provided props or by applying custom styles through the `className` and `style` props.\r\n\r\n\r\n","readmeFilename":"README.md"}