A React component that renders a customizable moon SVG icon, typically used for dark mode toggle buttons or theme switchers. ## Key Components - **MoonIcon**: Main React functional component that renders an SVG moon icon - **MoonIconProps**: TypeScript interface defining optional props for customization - `className`: CSS class for styling - `width`: Icon width (default: 23px) - `height`: Icon height (default: 24px) ## Usage Example ```typescript import { MoonIcon } from './moon-icon'; // Basic usage with defaults // Customized with props // In a theme toggle button Switch to Dark Mode ``` The SVG uses `currentColor` for the fill, allowing it to inherit the text color from its parent element for easy theming. The icon features a crescent moon design with a detailed path that creates a modern, clean appearance suitable for UI controls.