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


interface Props {
    color: string;
    sx?: SxProps<Theme>
}
export default function Rating({color, sx}: Props) {

    return (
        <Box
            sx={{
                height: "38px",
                width: "45px",
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
                ...sx
            }}
        >
            <svg width="45" height="46" viewBox="0 0 45 46" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22.5 1L27.5516 16.5471H43.8988L30.6736 26.1558L35.7252 41.7029L22.5 32.0942L9.27483 41.7029L14.3264 26.1558L1.10123 16.5471H17.4484L22.5 1Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
            </svg>
        </Box>
    );
}