VyacheslavShtyrlin
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
import { ControlButton } from "../ui/ControlButton/ControlButton";
|
|
import { MicroButton } from "../ui/MicroButton/MicroButton";
|
|
import { ShareButton } from "../ui/ShareButton/ShareButton";
|
|
import { LanguageButton } from "../ui/LanguageButton/LanguageButton";
|
|
import { ExitButton } from "../ui/ExitButton/ExitButton";
|
|
import React, { useState, useEffect } from "react";
|
|
|
|
export const ControlPanel: React.FC<any> = ({
|
|
handleOpenSharePopup,
|
|
handleOpenExitPopup,
|
|
handleMuteClick,
|
|
isMuted
|
|
}) => {
|
|
|
|
return (
|
|
<div className="toolbar-field-part">
|
|
<div className="toolbar-button-container-border-line"></div>
|
|
<ControlButton onClick={() => console.log("click!")}></ControlButton>
|
|
<MicroButton isMuted={isMuted} onClick={handleMuteClick}></MicroButton>
|
|
<div className="toolbar-button-container-border-line"></div>
|
|
<ShareButton onClick={handleOpenSharePopup}></ShareButton>
|
|
<LanguageButton onClick={() => console.log("click!")}></LanguageButton>
|
|
<div className="toolbar-button-container-border-line"></div>
|
|
<ExitButton onClick={handleOpenExitPopup}></ExitButton>
|
|
</div>
|
|
);
|
|
};
|