import { ArrowDownIcon } from "@icons/questionsPage/ArrowDownIcon"; import { Box, Typography, useMediaQuery, useTheme } from "@mui/material"; import { FC, useState } from "react"; import { ContactIcon } from "./icons/ContactIcon"; import { MessageIcon } from "./icons/MessageIcon"; import { PhoneIcon } from "./icons/PhoneIcon"; import { DeleteIcon } from "@icons/questionsPage/deleteIcon"; import homeImg from "./images/home.png"; import videoFrame from "./images/videoFrame.png"; import { EyeIcon } from "./icons/EyeIcon"; export const CardAnswer: FC = () => { const [isOpen, setIsOpen] = useState(false); const theme = useTheme(); const isTablet = useMediaQuery(theme.breakpoints.down(1000)); return ( setIsOpen(!isOpen)} sx={{ borderRadius: "12px", maxWidth: isTablet ? "450px" : "auto", width: "100%", boxShadow: "0px 2.767px 8.551px 0px rgba(210, 208, 225, 0.07), 0px 6.65px 20.549px 0px rgba(210, 208, 225, 0.10), 0px 12.522px 38.692px 0px rgba(210, 208, 225, 0.12), 0px 22.336px 69.019px 0px rgba(210, 208, 225, 0.14), 0px 41.778px 129.093px 0px rgba(210, 208, 225, 0.17), 0px 100px 309px 0px rgba(210, 208, 225, 0.24)", }} > 1 Сегодня в 18:59 Россия, Москва Екатерина exampleemail@gmail.com +79876543210 {!isTablet && ( Новая )} {isTablet ? ( <> Новая ) : ( )} {isOpen && ( Ответы 1. Ответ на 1 вопрос 2. 3. ответ.doc 4. Ответ на 4 вопрос 5. Ответ на 5 вопрос 6. Ответ на 6 вопрос 7. Ответ на 7 вопрос 8. Ответ на 8 вопрос 9. Ответ на 9 вопрос 10. Результаты Заголовок Текст )} ); };