import { Box } from "@mui/material";


export default function Clue() {

    return (
        <Box
            sx={{
                // height: "38px",
                // width: "45px",
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
            }}
        >
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M1.84402 10.0557C1.09957 8.79972 0.839172 7.31518 1.11171 5.88081C1.38424 4.44643 2.17097 3.16085 3.32419 2.26542C4.47741 1.36998 5.91782 0.926281 7.375 1.0176C8.83219 1.10892 10.2059 1.72899 11.2383 2.7614C12.2707 3.7938 12.8908 5.16754 12.9821 6.62472C13.0734 8.08191 12.6297 9.52231 11.7343 10.6755C10.8389 11.8288 9.5533 12.6155 8.11892 12.888C6.68454 13.1606 5.20001 12.9002 3.94402 12.1557V12.1557L1.86902 12.7432C1.784 12.7681 1.69387 12.7696 1.60805 12.7477C1.52224 12.7257 1.44391 12.6811 1.38128 12.6184C1.31865 12.5558 1.27402 12.4775 1.25207 12.3917C1.23011 12.3059 1.23165 12.2157 1.25652 12.1307L1.84402 10.0557Z" stroke="#4D4D4D" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M5.00635 5.99316H9.00635" stroke="#4D4D4D" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M5.00635 7.99316H9.00635" stroke="#4D4D4D" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </Box>
    );
}