@sberdevices/plasma-temple
Version:
SberDevices CanvasApp Templates.
134 lines (128 loc) • 4.49 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.InfoIcon = void 0;
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var InfoIcon = function InfoIcon(props) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
viewBox: "0 0 76 82",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, props), /*#__PURE__*/_react["default"].createElement("circle", {
cx: "54.5",
cy: "41.5",
r: "54.5",
fill: "url(#paint0_linear)",
fillOpacity: ".12"
}), /*#__PURE__*/_react["default"].createElement("circle", {
cx: "61.5",
cy: "41.5",
r: "45.5",
fill: "url(#paint1_linear)",
fillOpacity: ".12"
}), /*#__PURE__*/_react["default"].createElement("g", {
opacity: ".56",
filter: "url(#filter0_d)"
}, /*#__PURE__*/_react["default"].createElement("rect", {
x: "52",
y: "32",
width: "14",
height: "14",
rx: "5",
transform: "rotate(-180 52 32)",
fill: "url(#paint2_linear)"
}), /*#__PURE__*/_react["default"].createElement("rect", {
x: "52",
y: "64",
width: "14",
height: "27",
rx: "5",
transform: "rotate(-180 52 64)",
fill: "url(#paint3_linear)"
})), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: "paint0_linear",
x1: "54.5",
y1: "-13",
x2: "54.5",
y2: "96",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react["default"].createElement("stop", {
stopColor: "#fff"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: ".884",
stopColor: "#fff",
stopOpacity: "0"
})), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: "paint1_linear",
x1: "61.5",
y1: "-4",
x2: "61.5",
y2: "104",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react["default"].createElement("stop", {
stopColor: "#fff"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: ".775",
stopColor: "#fff",
stopOpacity: "0"
})), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: "paint2_linear",
x1: "52",
y1: "28.5",
x2: "64.337",
y2: "50.047",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react["default"].createElement("stop", {
stopColor: "#fff"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#fff",
stopOpacity: "0"
})), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: "paint3_linear",
x1: "39.896",
y1: "53.128",
x2: "61.977",
y2: "94.049",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react["default"].createElement("stop", {
stopColor: "#fff"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#fff",
stopOpacity: ".19"
})), /*#__PURE__*/_react["default"].createElement("filter", {
id: "filter0_d",
x: "14",
y: "-8",
width: "74",
height: "106",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB"
}, /*#__PURE__*/_react["default"].createElement("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
"in": "SourceAlpha",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
}), /*#__PURE__*/_react["default"].createElement("feOffset", {
dx: "6",
dy: "4"
}), /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
stdDeviation: "15"
}), /*#__PURE__*/_react["default"].createElement("feColorMatrix", {
values: "0 0 0 0 0.1715 0 0 0 0 0 0 0 0 0 0.175 0 0 0 0.4 0"
}), /*#__PURE__*/_react["default"].createElement("feBlend", {
in2: "BackgroundImageFix",
result: "effect1_dropShadow"
}), /*#__PURE__*/_react["default"].createElement("feBlend", {
"in": "SourceGraphic",
in2: "effect1_dropShadow",
result: "shape"
}))));
};
exports.InfoIcon = InfoIcon;
//# sourceMappingURL=InfoIcon.js.map