<!-- source-hash: cfbfe646d2761a1f276ff825926b1daf -->
A React component that renders the OpenFrame logo as a customizable SVG with configurable colors for different visual themes.

## Key Components

- **OpenFrameLogo** - Main React functional component that renders an SVG logo
- **Props Interface** - Extends `React.SVGProps<SVGSVGElement>` with custom color options:
  - `className` - CSS class name for styling
  - `lowerPathColor` - Color for the white squares (defaults to '#ffffff')
  - `upperPathColor` - Color for the frame/border (defaults to '#1A1A1A')

## Usage Example

```typescript
import { OpenFrameLogo } from './openframe-logo';

// Basic usage with default colors
<OpenFrameLogo />

// Custom styling with theme colors
<OpenFrameLogo 
  className="w-8 h-8" 
  lowerPathColor="#f0f0f0"
  upperPathColor="#333333"
/>

// With additional SVG properties
<OpenFrameLogo 
  width={48}
  height={48}
  style={{ marginRight: '8px' }}
  onClick={() => console.log('Logo clicked')}
/>
```

The logo consists of a geometric design with white squares positioned in the lower-right area and a dark frame border. The component maintains a 32x32 viewBox while being scalable and supports all standard SVG properties through prop spreading.