import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React, { useState } from 'react';
import { v4 as uuid } from 'uuid';
export const DefaultBlockImage = ()=>{
    const [patternID] = useState(()=>`pattern${uuid()}`);
    return /*#__PURE__*/ _jsxDEV("svg", {
        fill: "none",
        height: "151",
        preserveAspectRatio: "xMidYMid slice",
        viewBox: "0 0 231 151",
        width: "231",
        xmlns: "http://www.w3.org/2000/svg",
        children: [
            /*#__PURE__*/ _jsxDEV("g", {
                clipPath: `url(#${patternID})`,
                children: [
                    /*#__PURE__*/ _jsxDEV("rect", {
                        fill: "#D9D9D9",
                        height: "100%",
                        rx: "2",
                        width: "100%"
                    }, void 0, false, {
                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
                        lineNumber: 17,
                        columnNumber: 9
                    }, this),
                    /*#__PURE__*/ _jsxDEV("rect", {
                        fill: "#BCBCBC",
                        height: "116.063",
                        transform: "rotate(52.0687 33.7051 79.3051)",
                        width: "85.8593",
                        x: "33.7051",
                        y: "79.3051"
                    }, void 0, false, {
                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
                        lineNumber: 18,
                        columnNumber: 9
                    }, this),
                    /*#__PURE__*/ _jsxDEV("rect", {
                        fill: "#BCBCBC",
                        height: "116.063",
                        transform: "rotate(52.0687 86.1219 92.6272)",
                        width: "85.8593",
                        x: "86.1219",
                        y: "92.6272"
                    }, void 0, false, {
                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
                        lineNumber: 26,
                        columnNumber: 9
                    }, this),
                    /*#__PURE__*/ _jsxDEV("circle", {
                        cx: "189",
                        cy: "45",
                        fill: "#BCBCBC",
                        r: "19"
                    }, void 0, false, {
                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
                        lineNumber: 34,
                        columnNumber: 9
                    }, this),
                    /*#__PURE__*/ _jsxDEV("rect", {
                        fill: "#B8B8B8",
                        height: "5",
                        rx: "2.5",
                        width: "98",
                        x: "66",
                        y: "70"
                    }, void 0, false, {
                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
                        lineNumber: 35,
                        columnNumber: 9
                    }, this),
                    /*#__PURE__*/ _jsxDEV("rect", {
                        fill: "#B8B8B8",
                        height: "5",
                        rx: "2.5",
                        width: "76",
                        x: "77",
                        y: "82"
                    }, void 0, false, {
                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
                        lineNumber: 36,
                        columnNumber: 9
                    }, this)
                ]
            }, void 0, true, {
                fileName: "src/graphics/DefaultBlockImage/index.tsx",
                lineNumber: 16,
                columnNumber: 7
            }, this),
            /*#__PURE__*/ _jsxDEV("defs", {
                children: /*#__PURE__*/ _jsxDEV("clipPath", {
                    id: `${patternID}`,
                    children: /*#__PURE__*/ _jsxDEV("rect", {
                        fill: "white",
                        height: "151",
                        width: "231"
                    }, void 0, false, {
                        fileName: "src/graphics/DefaultBlockImage/index.tsx",
                        lineNumber: 40,
                        columnNumber: 11
                    }, this)
                }, void 0, false, {
                    fileName: "src/graphics/DefaultBlockImage/index.tsx",
                    lineNumber: 39,
                    columnNumber: 9
                }, this)
            }, void 0, false, {
                fileName: "src/graphics/DefaultBlockImage/index.tsx",
                lineNumber: 38,
                columnNumber: 7
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/graphics/DefaultBlockImage/index.tsx",
        lineNumber: 8,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map