import {Box, SxProps, Theme} from "@mui/material";


interface Props {
    color: string;
    sx?: SxProps<Theme>
}

export default function Page({color, sx}: Props) {

    return (
        <Box
            sx={{
                height: "38px",
                width: "45px",
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
                ...sx
            }}
        >
            <svg width="47" height="40" viewBox="0 0 47 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M44.125 1H2.875C1.83947 1 1 1.85066 1 2.9V37.1C1 38.1493 1.83947 39 2.875 39H44.125C45.1605 39 46 38.1493 46 37.1V2.9C46 1.85066 45.1605 1 44.125 1Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                <path d="M1 11H46" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                <path d="M6 6H41" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                <path d="M1 30.5L14 19.5L29 33.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                <circle cx="24.1341" cy="20.1341" r="2.13415" fill={color}/>
                <path d="M25 29L32 22" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
                <path d="M32 22L46 33" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
            </svg>
        </Box>
    );
}