frontAnswerer/lib/ui_kit/RadioCheck.tsx

import { Box, useTheme } from "@mui/material";
interface Props {
  color?: string;
}

export default function RadioCheck({ color = "#7E2AEA" }: Props) {
  const theme = useTheme();

  return (
    <Box
      sx={{
        height: "26px",
        width: "26px",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
      }}
    >
      <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="0.5" y="0.5" width="25" height="25" rx="12.5" fill={color} stroke={color} />
        <rect x="8" y="8" width="10" height="10" rx="5" fill="white" />
      </svg>
    </Box>
  );
}