<!-- source-hash: 622c720c45d07d3f844f8ee86c7fa6fa -->
A React component that renders a hamburger menu icon using Lucide React's Menu icon with customizable styling and dimensions.

## Key Components

- **MenuIcon**: Main functional component that wraps Lucide's Menu icon
- **MenuIconProps**: TypeScript interface defining optional props for customization
  - `className`: Optional CSS class string for styling
  - `width`: Optional width in pixels (default: 24)
  - `height`: Optional height in pixels (default: 24)

## Usage Example

```typescript
import { MenuIcon } from './menu-icon';

// Basic usage with defaults
<MenuIcon />

// With custom dimensions
<MenuIcon width={32} height={32} />

// With custom styling
<MenuIcon 
  className="text-blue-500 hover:text-blue-700" 
  width={20} 
  height={20} 
/>

// In a navigation component
const Navigation = () => (
  <button className="md:hidden">
    <MenuIcon className="text-gray-600" />
  </button>
);
```

The component provides a clean abstraction over Lucide's Menu icon, making it reusable across the application with consistent default sizing while allowing customization when needed.