import { FC } from "react";
import redoIcon from "@/assets/icons/redo.svg";
import videoIcon from "@/assets/icons/video.svg";
import "./HomeControls.scss";
import { LangButton } from "@/components/LangButton/LangButton";
interface HomeControlsProps {
    onRestart: () => void;
    onDisplayVideo: () => void;
}

export const HomeControls: FC<HomeControlsProps> = ({
    onRestart,
    onDisplayVideo,
}) => {
    return (
        <div className="home-controls">
            <button
                type="button"
                className="home-controls__display-video-button"
                onClick={onDisplayVideo}>
                <img
                    src={videoIcon}
                    alt="Afficher la vidéo d'introduction"
                    className="home-controls__video-icon"
                />
            </button>
            <button
                type="button"
                className="home-controls__restart-button"
                onClick={onRestart}>
                <img
                    src={redoIcon}
                    alt="Recommencer"
                    className="home-controls__redo-icon"
                />
            </button>

            <LangButton />
        </div>
    );
};