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


interface Props {
    color?: string;
}

export default function VkIconButton({ color }: Props) {
    const theme = useTheme();

    return (
        <Box
            sx={{
                borderRadius: "6px",
                display: "flex",
                justifyContent: "center",
                alignItems: "center",
            }}
        >
            <svg width="32" height="19" viewBox="0 0 32 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M18.5487 17.5309V12.7637C21.7508 13.2519 22.7631 15.7719 24.8021 17.5309H30C28.7004 14.6296 26.7614 12.0598 24.3282 10.0139C26.1949 7.44367 28.1764 5.02419 29.1456 1.35547H24.4215C22.5692 4.16265 21.5928 7.45085 18.5487 9.61906V1.35547H11.6923L13.3292 3.38008V10.5955C10.6728 10.2868 8.87795 5.42624 6.93231 1.35547H2C3.79487 6.85496 7.57128 18.9237 18.5487 17.5309Z" stroke="white" strokeWidth="1.5" strokeMiterlimit="10"/>
            </svg>
        </Box>
    );
}