Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
66 lines
1.8 KiB
Plaintext
66 lines
1.8 KiB
Plaintext
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
import React, { useState } from 'react';
|
|
import { v4 as uuid } from 'uuid';
|
|
export const DefaultBlockImage = () => {
|
|
const [patternID] = useState(() => `pattern${uuid()}`);
|
|
return /*#__PURE__*/_jsxs("svg", {
|
|
fill: "none",
|
|
height: "151",
|
|
preserveAspectRatio: "xMidYMid slice",
|
|
viewBox: "0 0 231 151",
|
|
width: "231",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
children: [/*#__PURE__*/_jsxs("g", {
|
|
clipPath: `url(#${patternID})`,
|
|
children: [/*#__PURE__*/_jsx("rect", {
|
|
fill: "#D9D9D9",
|
|
height: "100%",
|
|
rx: "2",
|
|
width: "100%"
|
|
}), /*#__PURE__*/_jsx("rect", {
|
|
fill: "#BCBCBC",
|
|
height: "116.063",
|
|
transform: "rotate(52.0687 33.7051 79.3051)",
|
|
width: "85.8593",
|
|
x: "33.7051",
|
|
y: "79.3051"
|
|
}), /*#__PURE__*/_jsx("rect", {
|
|
fill: "#BCBCBC",
|
|
height: "116.063",
|
|
transform: "rotate(52.0687 86.1219 92.6272)",
|
|
width: "85.8593",
|
|
x: "86.1219",
|
|
y: "92.6272"
|
|
}), /*#__PURE__*/_jsx("circle", {
|
|
cx: "189",
|
|
cy: "45",
|
|
fill: "#BCBCBC",
|
|
r: "19"
|
|
}), /*#__PURE__*/_jsx("rect", {
|
|
fill: "#B8B8B8",
|
|
height: "5",
|
|
rx: "2.5",
|
|
width: "98",
|
|
x: "66",
|
|
y: "70"
|
|
}), /*#__PURE__*/_jsx("rect", {
|
|
fill: "#B8B8B8",
|
|
height: "5",
|
|
rx: "2.5",
|
|
width: "76",
|
|
x: "77",
|
|
y: "82"
|
|
})]
|
|
}), /*#__PURE__*/_jsx("defs", {
|
|
children: /*#__PURE__*/_jsx("clipPath", {
|
|
id: `${patternID}`,
|
|
children: /*#__PURE__*/_jsx("rect", {
|
|
fill: "white",
|
|
height: "151",
|
|
width: "231"
|
|
})
|
|
})
|
|
})]
|
|
});
|
|
};
|
|
//# sourceMappingURL=index.js.map |