/**
 * Intro
 */

import React, { useState } from "react";
import Vimeo from "@u-wave/react-vimeo";

export default function Intro({ onComplete }) {
  const [done, setDone] = useState(false);
  const handleClose = () => {
    setDone(true);
    setTimeout(() => {
      onComplete();
    }, 200);
  };
  return (
    <div className={done ? "intro done" : "intro"}>
      <img
        className="close"
        src="/assets/img/close.svg"
        onClick={handleClose}
      />
      <Vimeo
        video="https://vimeo.com/612279630"
        className="intro-video"
        muted
        autoplay
        showByline={false}
        showPortrait={false}
        showTitle={false}
        onEnd={handleClose}
      />
    </div>
  );
}