import React from 'react'; import { Wifi, Battery, Signal } from 'lucide-react'; interface PhoneFrameProps { children: React.ReactNode; className?: string; isDark?: boolean; } export const PhoneFrame: React.FC = ({ children, className = '', isDark = true }) => { return (
{/* Titanium Frame Chassis */}
{/* Inner Bezel (Black Border) */}
{/* Screen Container */}
{/* iOS Status Bar */}
9:41
{/* Battery Fill */}
{/* Dynamic Island */}
{/* Selfie Camera Lens */}
{/* Screen Content */}
{children}
{/* Home Indicator */}
{/* Hardware Buttons */}
{/* Action */}
{/* Vol Up */}
{/* Vol Down */}
{/* Power */}
); };