UNPKG

@sberdevices/plasma-temple

Version:

SberDevices CanvasApp Templates.

134 lines (128 loc) 4.49 kB
"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