frontAnswerer/src/assets/icons/questionsPage/rating.tsx

26 lines
832 B
TypeScript
Executable File

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>
);
}