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


interface Props {
    color: string;
    bgcolor: string;
}

export default function CopyIcon({ color, bgcolor }: Props) {
    const theme = useTheme();

    return (
        <Box
            sx={{
                bgcolor,
                borderRadius: "6px",
                height: "36px",
                width: "36px",
                display: "flex",
                justifyContent: "center",
                alignItems: "center",
            }}
        >
            <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M21.75 21.75H26.25V9.75H14.25V14.25" stroke={color} stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M21.75 14.25H9.75V26.25H21.75V14.25Z" stroke={color} stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </Box>
    );
}