import Typography from "@mui/material/Typography";
import Button from "@mui/material/Button";
import Box from "@mui/material/Box";
import * as React from "react";
import {RENT_BUTTON, RENT_MESSAGE, RENT_QUEST} from "../../data/constants";

const RentBlock = () => {
    return (
        <Box sx={{textAlign: 'center', my: 6}}>
            <Typography variant="h5" sx={{mb: 2}}>
                {RENT_QUEST}
            </Typography>
            <Typography color="text.secondary" sx={{mb: 3}}>
                {RENT_MESSAGE}
            </Typography>
            <Button variant="contained" color="success" href="/rent">
                {RENT_BUTTON}
            </Button>
        </Box>
    )
}

export default RentBlock;