import { Box, Button, ButtonBase, Modal, Typography, useTheme } from "@mui/material"; import * as React from "react"; import SelectableButton from "@ui_kit/SelectableButton"; import CustomTextField from "@ui_kit/CustomTextField"; import { useState } from "react"; import UploadIcon from "../../assets/icons/UploadIcon"; import UploadBox from "@ui_kit/UploadBox"; type BackgroundType = "text" | "video"; type BackgroundTypeModal = "linkVideo" | "ownVideo"; export default function HelpQuestions() { const [open, setOpen] = React.useState(false); const handleOpen = () => setOpen(true); const handleClose = () => setOpen(false); const [backgroundType, setBackgroundType] = useState("text"); const [backgroundTypeModal, setBackgroundTypeModal] = useState("linkVideo"); const theme = useTheme(); const videoHC = (videoInp: HTMLInputElement) => { const fileList = videoInp.files; if (fileList !== null) { const file = fileList[0]; setVideo(URL.createObjectURL(file)); handleClose(); } }; const [video, setVideo] = React.useState(""); return ( Подсказка консультанта setBackgroundType("text")}> Текст setBackgroundType("video")}> Видео {backgroundType === "text" ? ( <> ) : ( Загрузите видео {video ? ( Видео можно вставить с любого хостинга: YouTube, Vimeo или загрузить собственное setBackgroundTypeModal("linkVideo")} > Ссылка на видео setBackgroundTypeModal("ownVideo")} > Загрузить свое {backgroundTypeModal === "linkVideo" ? ( Ссылка на видео ) : ( Загрузите видео videoHC(event.target)} hidden accept="video/*" multiple type="file" /> Добавить видео Принимает .mp4 и .mov формат — максимум 100мб )} )} ); }