import { useState } from "react"; import { Box, IconButton, TextField, Typography } from "@mui/material"; import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; import DeleteIcon from "@icons/questionsPage/deleteIcon"; import CustomButton from "../CustomButton"; import PriceButtons from "./PriceButton"; import DiscountButtons from "./DiscountButtons"; import ButtonsOptions from "../../pages/Questions/ButtonsOptions"; import CustomTextField from "@ui_kit/CustomTextField"; import OneIcon from "@icons/questionsPage/OneIcon"; import PointsIcon from "@icons/questionsPage/PointsIcon"; import ImageAndVideoButtons from "./ImageAndVideoButtons"; import Info from "@icons/Info"; import SwitchAnswerOptions from "./SwitchAnswerOptions"; import ButtonsOptionsForm from "./ButtinsOptionsForm"; export default function DescriptionForm() { const [switchState, setSwitchState] = useState("setting"); const [callToAction, setCallToAction] = useState(false); const [priceButtonsActive, setPriceButtonsActive] = useState(0); const [priceButtonsType, setPriceButtonsType] = useState(); const [forwarding, setForwarding] = useState(false); const ButtonsActive = (index: number, type: string) => { setPriceButtonsActive(index); setPriceButtonsType(type); }; const SSHC = (data: string) => { setSwitchState(data); }; return ( {priceButtonsType === "smooth" ? ( Призыв к действию setForwarding(true)} variant="contained" sx={{ display: forwarding ? "none" : "", ml: "20px", mb: "20px", color: "#9A9AAF", backgroundColor: "#F2F3F7", width: "194px", height: "48px", border: "1px solid #9A9AAF", }} > Переадрисация + {forwarding ? ( Переадресация ) : ( "" )} ) : ( setCallToAction(true)} variant="contained" sx={{ mb: "20px", color: "#9A9AAF", backgroundColor: "#F2F3F7", width: "119px", height: "48px", border: "1px solid #9A9AAF", }} > Кнопка + )} ); }