@react-spectrum/s2
Version:
Spectrum 2 UI components in React
200 lines (193 loc) • 9.85 kB
JavaScript
import {createIllustration as $ac8c32e6775ddd1f$export$4d00e7be716a0093} from "../../../../icons/Icon.mjs";
import {jsxs as $eaalY$jsxs, jsx as $eaalY$jsx} from "react/jsx-runtime";
import {forwardRef as $eaalY$forwardRef} from "react";
const $104d6e75a559a58a$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $eaalY$jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: 96,
height: 96,
viewBox: "0 0 96 96",
ref: ref,
...props,
children: [
/*#__PURE__*/ (0, $eaalY$jsxs)("defs", {
children: [
/*#__PURE__*/ (0, $eaalY$jsxs)("linearGradient", {
id: "d3b240__d",
x1: -14.724,
x2: 121.006,
y1: 80.863,
y2: -1.714,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 0.06,
stopColor: "#8480FE"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 0.6,
stopColor: "#8480FE",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $eaalY$jsxs)("linearGradient", {
id: "d3b240__e",
x1: 94.203,
x2: 35.974,
y1: 21.635,
y2: 84.246,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $eaalY$jsxs)("linearGradient", {
id: "d3b240__f",
x1: 23.438,
x2: 126.661,
y1: 92.888,
y2: 35.064,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
stopColor: "#FC7D00",
stopOpacity: 0
}),
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 0.432,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 0.609,
stopColor: "#FC7D00"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 1,
stopColor: "#FC7D00",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $eaalY$jsxs)("radialGradient", {
id: "d3b240__c",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 21.982 31.479)scale(36.3205)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 0.167,
stopColor: "#FF709F"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 1,
stopColor: "#FF709F",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $eaalY$jsxs)("radialGradient", {
id: "d3b240__g",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 31.768 53.108)scale(36.3205)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 0.167,
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $eaalY$jsx)("clipPath", {
id: "d3b240__b",
children: /*#__PURE__*/ (0, $eaalY$jsx)("rect", {
width: 83.485,
height: 83.485,
x: 6.258,
y: 6.258,
fill: "#fff",
rx: 2.077
})
})
]
}),
/*#__PURE__*/ (0, $eaalY$jsxs)("clipPath", {
id: "d3b240__a",
children: [
/*#__PURE__*/ (0, $eaalY$jsx)("path", {
fill: "#fff",
d: "M78.968 41.615h-9.262v6.874c0 5.935-5.02 10.764-11.192 10.764H43.39v4.47c0 2.685 2.332 4.861 5.21 4.861h11.343l11.512 9.31c1.13.913 2.885.159 2.874-1.235-.02-2.5-.038-5.782-.028-8.075h4.666c2.877 0 5.21-2.176 5.21-4.86V46.476c0-2.685-2.333-4.86-5.21-4.86"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("path", {
fill: "#fff",
d: "M58.512 54.43c3.517 0 6.368-2.66 6.368-5.94V27.407c0-3.28-2.85-5.94-6.368-5.94H18.184c-3.517 0-6.368 2.66-6.368 5.94V48.49c0 3.28 2.851 5.94 6.368 5.94h5.703c.013 2.803-.011 6.815-.035 9.87-.013 1.703 2.133 2.625 3.513 1.51l14.07-11.38z"
})
]
}),
/*#__PURE__*/ (0, $eaalY$jsx)("g", {
clipPath: "url(#d3b240__a)",
children: /*#__PURE__*/ (0, $eaalY$jsxs)("g", {
clipPath: "url(#d3b240__b)",
children: [
/*#__PURE__*/ (0, $eaalY$jsx)("rect", {
width: 83.485,
height: 83.485,
x: 6.258,
y: 6.258,
fill: "#FFECCF",
rx: 2.077
}),
/*#__PURE__*/ (0, $eaalY$jsx)("path", {
fill: "#FFECCF",
d: "M6.258 6.258h83.485v83.485H6.258z"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("circle", {
cx: 53.461,
cy: 9.496,
r: 36.321,
fill: "url(#d3b240__c)",
transform: "rotate(-.08 53.461 9.496)"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("path", {
fill: "url(#d3b240__d)",
d: "M38.121-8.49c-6.412-3.967-14.535-3.992-20.97-.062l-64.366 39.3c-6.304 3.848-6.314 12.933-.02 16.797l63.941 39.243c6.426 3.944 14.55 3.939 20.97-.014l63.808-39.28c6.262-3.855 6.274-12.89.019-16.76z"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("path", {
fill: "url(#d3b240__e)",
d: "M18.29 45.894c1.428-31.167 27.85-55.277 59.018-53.85s55.277 27.85 53.85 59.018-27.85 55.276-59.017 53.849c-31.168-1.426-55.277-27.85-53.85-59.017"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("path", {
fill: "url(#d3b240__f)",
d: "M-27.566 66.445c12.389-5.285 25.75-5.059 37.326-.436 23.164 9.274 36.642 3.54 45.99-19.57 4.657-11.598 13.749-21.42 26.152-26.71 24.798-10.563 53.426.898 63.974 25.623 10.547 24.724-.998 53.307-25.79 63.884-12.43 5.303-25.818 5.055-37.412.39-23.126-9.224-36.579-3.469-45.915 19.67C32.09 140.865 23 150.653 10.612 155.938c-24.778 10.571-53.406-.89-63.948-25.601s.991-53.322 25.77-63.892"
}),
/*#__PURE__*/ (0, $eaalY$jsx)("circle", {
cx: 84.875,
cy: 21.34,
r: 36.321,
fill: "url(#d3b240__g)",
transform: "rotate(-.08 84.875 21.34)"
})
]
})
})
]
});
const $104d6e75a559a58a$var$ForwardRef = /*#__PURE__*/ (0, $eaalY$forwardRef)($104d6e75a559a58a$var$SvgComponent);
var $104d6e75a559a58a$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $ac8c32e6775ddd1f$export$4d00e7be716a0093)($104d6e75a559a58a$var$ForwardRef);
export {$104d6e75a559a58a$export$2e2bcd8739ae039 as default};
//# sourceMappingURL=S2_fill_conversationbubbles_generic1_96.mjs.map