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


interface Props {
    sx?: SxProps<Theme>;
}

export default function ResizeIcon({ sx }: Props) {

    return (
        <Box sx={{
            height: "20px",
            width: "20px",
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            cursor: "nwse-resize",
            pointerEvents: "auto",
            ...sx,
        }}>
            <svg width="20" height="20" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM19.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM10.5 16.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="#4D4D4D" />
            </svg>
        </Box>
    );
}
