import {Box, Typography, useMediaQuery, useTheme} from "@mui/material";
import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
import CardWithLink from "@components/CardWithLink";
import UnderlinedLink from "@components/UnderlinedLink";
import SectionWrapper from "@components/SectionWrapper";
import card1Image from "@root/assets/landing/card1.png";
import card2Image from "@root/assets/landing/card2.png";
import card3Image from "@root/assets/landing/card3.png";
import cardImageBig from "@root/assets/landing/card1big.png";

export default function () {
    const theme = useTheme();
    const upMd = useMediaQuery(theme.breakpoints.up("md"));console.log("я узкий")
    return <Box sx={{
        mt: upMd ? "93px" : "55px",
        display: "flex",
        flexWrap: "wrap",
        justifyContent: "space-evenly",
        columnGap: "40px",
        rowGap: "50px",
        backgroundColor: "\"#E6E6EB"
    }}>
        <CardWithLink
            headerText="Шаблонизатор"
            text="Текст- это текст, который имеет некоторые характеристики реального письменного текс"
            linkHref="#"
            image={card1Image}
            isHighlighted={!upMd}
        />
    </Box>
}