"use client";
import { Stack, Typography } from "@mui/material";
import Image from "next/image";
import RmsLogo from "@/assets/images/rmsLogo.png";

const HeaderBottom = () => {
    return (
        <Stack
            sx={{
                px: 2,
                py: 1,
                background: (theme) => theme.palette.primary2.main,
            }}
            spacing={4}
            alignItems={"center"}
            direction={"row"}
        >
            <Image alt="" priority src={RmsLogo.src} width={65} height={71} />
            <Stack alignItems={"center"} spacing={1}>
                <Typography variant="h5" sx={{ color: (theme) => theme.palette.primary2.contrastText }}>
                    سامانه جامع راهداری
                </Typography>
                <Typography sx={{ color: (theme) => theme.palette.primary2.contrastText }}>rms.rmto.ir</Typography>
            </Stack>
        </Stack>
    );
};
export default HeaderBottom;
