import dynamic from "next/dynamic";

import {environment} from "../../environments/environment";

const ReactPlayer = dynamic(() => import("react-player"), { ssr: false });

/* eslint-disable-next-line */
export interface HomeSectionVideoProps {
}

export function HomeSectionVideo(props: HomeSectionVideoProps) {
  return (
    <>
      <section className="container relative max-w-screen-xl mx-auto relative flex flex-col justify-center mb-10">
        <h2 className="font-bold w-full text-center mt-5 text-2xl mx-auto text-blue-800">
          Démonstration en vidéo
        </h2>
        <p className="text-lg text-gray-500 mb-10 text-center px-4 md:px-0">Rien ne vaut une démonstration pour convaincre !</p>

        <div className="player-wrapper max-w-[640px] mx-auto">
          <ReactPlayer width="100%"
                       height="100%"
                       controls={true}
                       url={environment.strapiUrl + "/uploads/record_player_011_c87b14fd49.mp4"} />
        </div>

      </section>
    </>
  );
}

export default HomeSectionVideo;
