components/VideoPlayer.js

export default function VideoPlayer({ data, onUpdate }) {
  const videoUrl = data?.url || 'https://www.youtube.com/embed/dQw4w9WgXcQ'

  return (
    <div className="my-6">
      <div className="aspect-w-16 aspect-h-9">
        <iframe
          src={videoUrl}
          className="w-full h-64 md:h-96 rounded-lg shadow-lg"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
          allowFullScreen
        />
      </div>
    </div>
  )
}