A responsive "Made with Love by Flamingo" branding component with hover effects and mobile-adaptive sizing. The component uses primitive CSS-in-JS for cross-framework compatibility and includes configurable sizing options.
## Key Components
- **MadeWithLove**: Main component with responsive behavior and hover interactions
- **MadeWithLoveProps**: TypeScript interface defining className, size variants, and mobile visibility options
- **sizeConfig**: Configuration object for sm/md/lg size variants with pixel-perfect specifications
- **Responsive Logic**: Mobile detection via window resize listener with 640px breakpoint
- **Hover Effects**: Interactive underline animation on logo/text hover
## Usage Example
```typescript
import { MadeWithLove } from './components/made-with-love';
// Basic usage
// With custom styling and size
// Small variant for compact layouts
```
The component automatically handles mobile responsiveness, adjusts font sizes based on screen width, and provides a clean link to the Flamingo platform. All styles use primitive CSS properties for maximum compatibility across different React frameworks.