import React from "react";
import { Stack, Box, Typography, Link } from "@mui/material";

const Footer = () => {
  return (
    <>
      <Stack
        sx={{
          backgroundColor: "#fff",
          p: "25px",
          borderRadius: "10px 10px 0 0",
          textAlign: "center",
          mt: "15px"
        }}
        className="footer"
      >
        <Box>
          <Typography>
            Copyright  {' '}
            <strong>CMS Client</strong>  by {' '}
            <Link
              href="https://www.chiefsoft.com/"
              target="_blank" 
              underline="none"
              rel="noreferrer"
            >
              Works
            </Link>
          </Typography>
        </Box>
      </Stack>
    </>
  );
};

export default Footer;