"use client";

import Image from "next/image";
import { Play } from "lucide-react";
import VideoMeta from "./video-meta";

export default function VideoPlayerSection() {
  return (
    <div>
      {/* VIDEO THUMB */}
      <div className="relative w-full h-[250px] md:h-[450px] rounded-xl overflow-hidden bg-black">
        <Image
          src="/image/bharatu.jpg"
          alt="video"
          fill
          className="object-cover opacity-90"
        />

        {/* Play Button */}
        <div className="absolute inset-0 flex items-center justify-center">
          <div className="bg-white/90 rounded-full p-4 shadow-lg">
            <Play size={28} className="text-black ml-1" />
          </div>
        </div>

        {/* Duration */}
        <div className="absolute bottom-3 left-3 text-xs text-white bg-black/70 px-2 py-1 rounded">
          1:58 / 3:00
        </div>
      </div>

      {/* META & CONTENT */}
      <VideoMeta />
    </div>
  );
}