import { SvgProps } from '@/@types/common'
const Elements = ({ height = 100, width = 100, ...rest }: SvgProps) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 90 127"
            width={width}
            height={height}
            {...rest}
        >
            <path
                d="M87.0999 83.79L67.0999 93.79L59.9697 89.67L49.1199 83.41L39.9697 78.13L49.1199 73.56L51.5298 72.35L59.9697 77.22L67.0999 81.34L75.5398 77.12L87.0999 83.79Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M67.0999 93.79V124.92L39.9697 109.26V78.13L49.1199 83.41L59.9697 89.67L67.0999 93.79Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M29.1201 71.87V102.99L2 87.33V56.21L22 67.76L29.1201 71.87Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M29.1201 28.29V59.42L22 55.31L13.5601 50.43L2 43.76V12.63L22 24.18L29.1201 28.29Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M87.0996 40.22V71.34L67.0996 81.34V50.22L87.0996 40.22Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M49.1201 18.29V29.99L39.97 34.56V54L37.5601 55.2L29.1201 59.42V28.29L49.1201 18.29Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M49.1201 18.29L29.1201 28.29L22 24.18L2 12.63L22 2.63L49.1201 18.29Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M87.0999 40.22L67.0999 50.22L59.9697 46.1L49.1199 39.84L39.9697 34.56L49.1199 29.99L59.9697 24.56L87.0999 40.22Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M67.0999 50.22V81.34L59.9697 77.22L51.5298 72.35L49.1199 70.96L40.6799 66.09L39.9697 65.68V34.56L49.1199 39.84L59.9697 46.1L67.0999 50.22Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M87.0996 83.79V114.92L67.0996 124.92V93.79L87.0996 83.79Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M49.1201 70.96V73.56L39.97 78.13V97.57L29.1201 102.99V71.87L40.6802 66.09L49.1201 70.96Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
            <path
                d="M40.6802 66.09L29.1201 71.87L22 67.76L2 56.21L13.5601 50.43L22 55.31L29.1201 59.42L37.5601 55.2L39.97 56.59V65.68L40.6802 66.09Z"
                className="stroke-[#505966] dark:stroke-[#8f99a7] stroke-2 fill-[#fafafb] dark:fill-[#383f47]"
                strokeLinejoin="round"
            />
        </svg>
    )
}

export default Elements