npm - @selfcommunity/react-ui - Versions diffs - 0.7.50-events.80 → 0.7.50-events.82 - Mend

@selfcommunity/react-ui 0.7.50-events.80 → 0.7.50-events.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/lib/esm/assets/onBoarding/CategoryA.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function CategoryA() {
-    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "380", height: "196", viewBox: "0 0 380 196" }, { children: [_jsxs("defs", { children: [_jsxs("filter", Object.assign({ id: "Rectangle_3124", x: "0", y: "0", width: "380", height: "196", filterUnits: "userSpaceOnUse" }, { children: [_jsx("feOffset", { dy: "3", in: "SourceAlpha" }), _jsx("feGaussianBlur", { stdDeviation: "3", result: "blur" }), _jsx("feFlood", { floodOpacity: "0.161" }), _jsx("feComposite", { operator: "in", in2: "blur" }), _jsx("feComposite", { in: "SourceGraphic" })] })), _jsx("clipPath", Object.assign({ id: "clipPath" }, { children: _jsx("rect", { id: "Rectangle_1052", "data-name": "Rectangle 1052", width: "9.697", height: "9.696", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-2" }, { children: _jsx("rect", { id: "Rectangle_1051", "data-name": "Rectangle 1051", width: "7.771", height: "6.366", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-3" }, { children: _jsx("rect", { id: "Rectangle_938", "data-name": "Rectangle 938", width: "7.771", height: "7.764", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-4" }, { children: _jsx("rect", { id: "Rectangle_1641", "data-name": "Rectangle 1641", width: "7.626", height: "7.626", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-5" }, { children: _jsx("rect", { id: "Rectangle_1630", "data-name": "Rectangle 1630", width: "7.771", height: "7.771", fill: "#adadad" }) })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient", x1: "1.203", y1: "-0.233", x2: "0.056", y2: "0.968", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0.24", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient-2", x1: "1.06", y1: "0.5", x2: "0", y2: "0.5", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.1", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.828", stopColor: "#fff", stopOpacity: "0.51" }), _jsx("stop", { offset: "0.934", stopColor: "#fff", stopOpacity: "0.635" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] }))] }), _jsxs("g", Object.assign({ id: "Image_A", "data-name": "Image A", transform: "translate(-288 -399)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9405", "data-name": "Group 9405", transform: "translate(0 -386)" }, { children: [_jsx("g", Object.assign({ transform: "matrix(1, 0, 0, 1, 288, 785)", filter: "url(#Rectangle_3124)" }, { children: _jsxs("g", Object.assign({ id: "Rectangle_3124-2", "data-name": "Rectangle 3124", transform: "translate(9 6)", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "178", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "177.5", fill: "none" })] })) })), _jsxs("g", Object.assign({ id: "Group_9397", "data-name": "Group 9397", transform: "translate(297 791)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_3125", "data-name": "Rectangle 3125", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "21", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "20.5", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Group_9394", "data-name": "Group 9394", transform: "translate(8.684 8.227)" }, { children: [_jsx("line", { id: "Line_378", "data-name": "Line 378", x2: "10.055", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_379", "data-name": "Line 379", x2: "10.055", transform: "translate(0 2.742)", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_380", "data-name": "Line 380", x2: "10.055", transform: "translate(0 5.485)", fill: "none", stroke: "#adadad", strokeWidth: "1" })] })), _jsx("g", Object.assign({ id: "home_stati_bottone", "data-name": "home + stati bottone", transform: "translate(74.869 6.398)" }, { children: _jsx("path", { id: "default", d: "M9.24,5.943,7.924,4.627l-.042-.042L4.868,1.571a.333.333,0,0,0-.467,0L.071,5.943a.333.333,0,0,0,0,.467.333.333,0,0,0,.467,0h0L1.3,5.646V9.17a.335.335,0,0,0,.34.34H7.627a.365.365,0,0,0,.34-.34V5.646l.764.764a.333.333,0,0,0,.467,0A.3.3,0,0,0,9.24,5.943ZM7.33,8.872H5V6.537a.365.365,0,0,0-.34-.34.335.335,0,0,0-.34.34V8.872H1.981V5.009L4.655,2.335,7.33,5.009Z", transform: "translate(0.025 -1.475)", fill: "#adadad" }) })), _jsx("g", Object.assign({ id: "explore_stati_bottone", "data-name": "explore + stati bottone", transform: "translate(98.443 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_4156", "data-name": "Group 4156", transform: "translate(0 0)", clipPath: "url(#clipPath)" }, { children: [_jsx("path", { id: "Path_1477", "data-name": "Path 1477", d: "M4.848,0A4.848,4.848,0,1,0,9.7,4.848,4.856,4.856,0,0,0,4.848,0m.4,8.9V8.559a.4.4,0,0,0-.792,0V8.9A4.161,4.161,0,0,1,.742,5.195h.346a.4.4,0,1,0,0-.792h-.3A4.161,4.161,0,0,1,4.5.693v.346a.4.4,0,0,0,.792,0V.792A4.161,4.161,0,0,1,9,4.5H8.658a.4.4,0,1,0,0,.792H9A4.206,4.206,0,0,1,5.244,8.9", transform: "translate(0 0)", fill: "#adadad" }), _jsx("path", { id: "Path_1478", "data-name": "Path 1478", d: "M8.945,5.27l-2.424.643a1,1,0,0,0-.594.594L5.284,8.981a.607.607,0,0,0,.742.742L8.451,9.08a.8.8,0,0,0,.594-.594l.693-2.474a.638.638,0,0,0-.792-.742M8.352,8.239c0,.049-.049.049-.1.1l-2.226.594L6.62,6.7a.106.106,0,0,1,.1-.1l2.226-.594Z", transform: "translate(-2.662 -2.648)", fill: "#adadad" }), _jsx("path", { id: "Path_1479", "data-name": "Path 1479", d: "M9.295,8.8h0a.182.182,0,0,0-.148.049.475.475,0,0,0-.346.445A.495.495,0,1,0,9.295,8.8m0,.742Z", transform: "translate(-4.446 -4.446)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Group_9396", "data-name": "Group 9396", transform: "translate(167.353 4.57)" }, { children: [_jsx("g", Object.assign({ id: "Group_9395", "data-name": "Group 9395", transform: "translate(0 0.35)" }, { children: _jsxs("g", Object.assign({ id: "Serach", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_905", "data-name": "Rectangle 905", fill: "rgba(255,255,255,0.1)", stroke: "#adadad", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "91.409", height: "11.185", rx: "5.593", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "90.909", height: "10.685", rx: "5.343", fill: "none" })] })), _jsx("g", Object.assign({ id: "search", transform: "translate(5.661 2.869)" }, { children: _jsx("path", { id: "Path_402", d: "M5.371,5.05,3.713,3.366A2.083,2.083,0,0,0,3.564.594h0a2.123,2.123,0,0,0-2.946,0A2.077,2.077,0,0,0,0,2.079,2.021,2.021,0,0,0,.619,3.54,2.121,2.121,0,0,0,2.1,4.159h0a2.147,2.147,0,0,0,1.262-.421L5.05,5.4a.352.352,0,0,0,.149.05.352.352,0,0,0,.149-.05.206.206,0,0,0,.05-.3C5.4,5.074,5.4,5.05,5.371,5.05ZM2.1,3.663a1.445,1.445,0,0,1-1.139-.47A1.575,1.575,0,0,1,.5,2.079,1.606,1.606,0,0,1,2.1.47a1.632,1.632,0,0,1,1.139.47h0a1.532,1.532,0,0,1,.47,1.139,1.632,1.632,0,0,1-.47,1.139A1.51,1.51,0,0,1,2.1,3.663Z", transform: "translate(0 0)", fill: "#adadad" }) }))] })) })), _jsx("g", Object.assign({ id: "messages_stati_bottone", "data-name": "messages  + stati bottone", transform: "translate(155.677 2.767)" }, { children: _jsx("g", Object.assign({ id: "messages_stati_bottone-2", "data-name": "messages  + stati bottone", clipPath: "url(#clipPath-2)" }, { children: _jsx("path", { id: "Path_1476", "data-name": "Path 1476", d: "M6.94,0H.851A.829.829,0,0,0,.02.83V.848a.268.268,0,0,0,0,.206V5.536a.833.833,0,0,0,.83.83H6.94a.836.836,0,0,0,.83-.83V.83A.833.833,0,0,0,6.94,0M.851.554H6.94A.276.276,0,0,1,7.215.82l-3.159,2.7A.276.276,0,0,1,3.7,3.51L.574.841V.83A.274.274,0,0,1,.851.554M7.217,5.536a.281.281,0,0,1-.277.277H.851a.278.278,0,0,1-.277-.277V1.571L3.358,3.947a.835.835,0,0,0,1.063,0l2.8-2.39V5.536Z", transform: "translate(0)", fill: "#adadad" }) })) })), _jsx("g", Object.assign({ id: "notifications_stati_bottone", "data-name": "notifications  + stati bottone", transform: "translate(137.59 2.453)" }, { children: _jsxs("g", Object.assign({ id: "default-2", "data-name": "default", clipPath: "url(#clipPath-3)" }, { children: [_jsx("path", { id: "Path_488", "data-name": "Path 488", d: "M7.877,6.626a.581.581,0,0,1-.565-.565V4.189A2.5,2.5,0,0,0,4.8,1.681,2.465,2.465,0,0,0,2.332,4.189V6.131a.608.608,0,0,1-.565.565.283.283,0,1,0,0,.565h6.11c.389-.071.389-.636,0-.636M2.9,6.1V4.189a1.943,1.943,0,0,1,3.885,0V6.131a1.067,1.067,0,0,0,.177.565H2.72A1.191,1.191,0,0,0,2.9,6.1", transform: "translate(-0.954 -1.087)", fill: "#adadad" }), _jsx("path", { id: "Path_489", "data-name": "Path 489", d: "M1.837.595A.4.4,0,0,0,1.907.206.308.308,0,0,0,1.483.1,3.646,3.646,0,0,0,0,3.032a.26.26,0,0,0,.283.283.3.3,0,0,0,.283-.283A2.836,2.836,0,0,1,1.837.595", transform: "translate(0 -0.036)", fill: "#adadad" }), _jsx("path", { id: "Path_490", "data-name": "Path 490", d: "M16.976.064A.277.277,0,0,0,16.587.1a.258.258,0,0,0,.071.389A3.215,3.215,0,0,1,17.894,3a.283.283,0,1,0,.565,0A3.646,3.646,0,0,0,16.976.064", transform: "translate(-10.689 0)", fill: "#adadad" }), _jsx("path", { id: "Path_491", "data-name": "Path 491", d: "M10.013,20.381H8.883a.26.26,0,0,0-.283.283.3.3,0,0,0,.283.283H9.978a.26.26,0,0,0,.283-.283.235.235,0,0,0-.247-.283", transform: "translate(-5.562 -13.182)", fill: "#adadad" })] })) })), _jsx("g", Object.assign({ id: "_mobile_Create", "data-name": "# mobile_Create", transform: "translate(101.727 2.384)" }, { children: _jsxs("g", Object.assign({ id: "Group_5492", "data-name": "Group 5492", transform: "translate(0 0)", clipPath: "url(#clipPath-4)" }, { children: [_jsx("path", { id: "Path_2293", "data-name": "Path 2293", d: "M7.205,3.885A3.32,3.32,0,1,1,3.885.565a3.316,3.316,0,0,1,3.32,3.32m.565,0A3.885,3.885,0,1,0,3.885,7.771,3.874,3.874,0,0,0,7.771,3.885", transform: "translate(0.017 0.063)", fill: "#adadad" }), _jsx("path", { id: "Path_2294", "data-name": "Path 2294", d: "M9.1,7.16H7.725V5.783a.283.283,0,1,0-.565,0V7.16H5.783a.283.283,0,1,0,0,.565H7.16V9.1a.283.283,0,0,0,.565,0V7.725H9.1a.283.283,0,0,0,0-.565", transform: "translate(-3.54 -3.495)", fill: "#adadad" })] })) })), _jsx("text", Object.assign({ id: "A", transform: "translate(120.342 2.875)", fill: "#fff", fontSize: "1", fontFamily: "Inter", letterSpacing: "-0.02em" }, { children: _jsx("tspan", Object.assign({ x: "0", y: "0" }, { children: "A" })) })), _jsx("g", Object.assign({ id: "expand_more_profile", transform: "translate(173.763 2.065)" }, { children: _jsxs("g", Object.assign({ id: "Group_4877", "data-name": "Group 4877", clipPath: "url(#clipPath-5)" }, { children: [_jsx("path", { id: "Path_2278", "data-name": "Path 2278", d: "M10.748,20.566a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.453-.583.518", transform: "translate(-6.83 -13.119)", fill: "#adadad" }), _jsx("path", { id: "Path_2279", "data-name": "Path 2279", d: "M10.748,11.366a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.518", transform: "translate(-6.83 -6.898)", fill: "#adadad" }), _jsx("path", { id: "Path_2280", "data-name": "Path 2280", d: "M10.748,2.2a.64.64,0,0,1-.648-.583A.57.57,0,0,1,10.683,1a.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.55", transform: "translate(-6.83 -0.676)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Ellipse_291", "data-name": "Ellipse 291", transform: "translate(117.646 0.43)", fill: "none", stroke: "#ddd", strokeWidth: "1" }, { children: [_jsx("ellipse", { cx: "6.5", cy: "6", rx: "6.5", ry: "6", stroke: "none" }), _jsx("ellipse", { cx: "6.5", cy: "6", rx: "6", ry: "5.5", fill: "none" })] }))] })), _jsx("g", Object.assign({ id: "B", transform: "translate(23.947 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_7487", "data-name": "Group 7487", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Ellipse_273", "data-name": "Ellipse 273", transform: "translate(0.733 0.733)", fill: "#fff", stroke: "#adadad", strokeWidth: "0.3" }, { children: [_jsx("circle", { cx: "4.57", cy: "4.57", r: "4.57", stroke: "none" }), _jsx("circle", { cx: "4.57", cy: "4.57", r: "4.42", fill: "none" })] })), _jsx("path", { id: "Path_3290", "data-name": "Path 3290", d: "M5.565,6A3.568,3.568,0,0,0,7.34,10.724a.4.4,0,0,0,.524-.2.4.4,0,0,0-.2-.53A2.783,2.783,0,0,1,6.275,6.316a.4.4,0,0,0-.2-.53.4.4,0,0,0-.53.2Z", transform: "translate(-3.59 -3.787)", fill: "#adadad" }), _jsx("path", { id: "Path_3291", "data-name": "Path 3291", d: "M9.52,7.758A2.735,2.735,0,0,1,13.2,6.3a2.937,2.937,0,0,1,1.393,3.824,2.836,2.836,0,0,1-1.4,1.449.416.416,0,0,0-.2.545.39.39,0,0,0,.524.2,3.681,3.681,0,0,0,1.8-1.873,3.789,3.789,0,0,0-1.8-4.92A3.524,3.524,0,0,0,8.778,7.4a.418.418,0,0,0,.2.545A.4.4,0,0,0,9.5,7.736Z", transform: "translate(-5.017 -3.628)", fill: "#adadad" }), _jsx("path", { id: "Path_3292", "data-name": "Path 3292", d: "M4.343,5.783a3.777,3.777,0,0,0-1.8,4.914,3.522,3.522,0,0,0,4.726,1.868,3.681,3.681,0,0,0,1.8-1.873.43.43,0,0,0-.2-.551.393.393,0,0,0-.53.2,2.836,2.836,0,0,1-1.4,1.449,2.751,2.751,0,0,1-3.682-1.454A2.945,2.945,0,0,1,4.645,6.511a.427.427,0,0,0,.2-.551.4.4,0,0,0-.53-.209Z", transform: "translate(-2.229 -3.868)", fill: "#adadad" }), _jsx("path", { id: "Path_3293", "data-name": "Path 3293", d: "M10.376,9.52A2.736,2.736,0,0,1,11.825,13.2,2.946,2.946,0,0,1,8,14.59a2.827,2.827,0,0,1-1.455-1.4.425.425,0,0,0-.551-.2.388.388,0,0,0-.209.524,3.649,3.649,0,0,0,1.868,1.8,3.785,3.785,0,0,0,4.915-1.8A3.53,3.53,0,0,0,10.69,8.778a.423.423,0,0,0-.551.2.389.389,0,0,0,.2.524Z", transform: "translate(-3.882 -5.017)", fill: "#adadad" }), _jsx("path", { id: "Path_3294", "data-name": "Path 3294", d: "M12.349,4.343a3.787,3.787,0,0,0-4.921-1.8A3.52,3.52,0,0,0,5.555,7.268a3.649,3.649,0,0,0,1.868,1.8.425.425,0,0,0,.546-.2.4.4,0,0,0-.209-.53A2.827,2.827,0,0,1,6.3,6.934,2.744,2.744,0,0,1,7.753,3.252a2.941,2.941,0,0,1,3.824,1.393.419.419,0,0,0,.546.2.4.4,0,0,0,.2-.53Z", transform: "translate(-3.64 -2.229)", fill: "#adadad" })] })) }))] })), _jsxs("g", Object.assign({ id: "Group_9398", "data-name": "Group 9398", transform: "translate(315.282 795.231)" }, { children: [_jsx("path", { id: "Rectangle_3126", "data-name": "Rectangle 3126", d: "M0,0H326a0,0,0,0,1,0,0V29a10,10,0,0,1-10,10H10A10,10,0,0,1,0,29V0A0,0,0,0,1,0,0Z", transform: "translate(-0.281 16.77)", fill: "#b8c5cb" }), _jsx("path", { id: "Path_3045", "data-name": "Path 3045", d: "M116.639-554.1l59.881-59.388a12.843,12.843,0,0,1,18.088,0,12.786,12.786,0,0,1,0,18.055l-59.881,59.388a12.843,12.843,0,0,1-18.088,0A12.787,12.787,0,0,1,116.639-554.1Z", transform: "translate(18.76 617.215)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_3046", "data-name": "Path 3046", d: "M110.577-602.987,171.082-662.4a4.324,4.324,0,0,0,0-6.1,4.3,4.3,0,0,0-6.087,0l-60.505,59.414a4.324,4.324,0,0,0,0,6.1A4.3,4.3,0,0,0,110.577-602.987Z", transform: "translate(17.883 669.768)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] })), _jsxs("g", Object.assign({ id: "Group_9400", "data-name": "Group 9400", transform: "translate(400.292 854.815)" }, { children: [_jsx("rect", { id: "Rectangle_3127", "data-name": "Rectangle 3127", width: "69", height: "9", transform: "translate(43.707 0.186)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3128", "data-name": "Rectangle 3128", width: "201", height: "3", transform: "translate(-22.293 13.186)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3144", "data-name": "Rectangle 3144", width: "118", height: "3", transform: "translate(14.707 18.186)", fill: "#b8c5cb" }), _jsxs("g", Object.assign({ id: "Group_9399", "data-name": "Group 9399", transform: "translate(50.275 24.11)" }, { children: [_jsx("rect", { id: "Rectangle_3129", "data-name": "Rectangle 3129", width: "32", height: "4", transform: "translate(0.432 2.076)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Ellipse_295", "data-name": "Ellipse 295", transform: "translate(34.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_296", "data-name": "Ellipse 296", transform: "translate(39.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_297", "data-name": "Ellipse 297", transform: "translate(43.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_298", "data-name": "Ellipse 298", transform: "translate(47.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] }))] })), _jsx("rect", { id: "Rectangle_3130", "data-name": "Rectangle 3130", width: "41", height: "10", rx: "5", transform: "translate(57.707 36.186)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3131", "data-name": "Rectangle 3131", transform: "translate(315 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H171a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H171A7.5,7.5,0,0,1,178.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3132", "data-name": "Rectangle 3132", transform: "translate(503 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H130a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H130A7.5,7.5,0,0,1,137.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsx("rect", { id: "Rectangle_3133", "data-name": "Rectangle 3133", width: "155", height: "3", transform: "translate(323 940)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3139", "data-name": "Rectangle 3139", width: "155", height: "4", transform: "translate(323 932)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3140", "data-name": "Rectangle 3140", width: "75", height: "5", transform: "translate(512 914)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3136", "data-name": "Rectangle 3136", width: "150", height: "3", transform: "translate(323 953)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3134", "data-name": "Rectangle 3134", width: "133", height: "3", transform: "translate(323 946)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3135", "data-name": "Rectangle 3135", width: "142", height: "3", transform: "translate(323 959)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Group_9401", "data-name": "Group 9401", transform: "translate(322.595 914.402)" }, { children: [_jsx("rect", { id: "Rectangle_3137", "data-name": "Rectangle 3137", width: "30", height: "4", transform: "translate(11.406 0.598)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138", "data-name": "Rectangle 3138", width: "22", height: "3", transform: "translate(11.406 6.598)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.406 -0.402)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9402", "data-name": "Group 9402", transform: "translate(511.812 926.286)" }, { children: [_jsx("rect", { id: "Rectangle_3137-2", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.715)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-2", "data-name": "Rectangle 3138", width: "21", height: "2", transform: "translate(12.188 6.715)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-2", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 -0.285)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9403", "data-name": "Group 9403", transform: "translate(511.812 939.997)" }, { children: [_jsx("rect", { id: "Rectangle_3137-3", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 1.002)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-3", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.002)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-3", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.002)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9404", "data-name": "Group 9404", transform: "translate(511.812 955.537)" }, { children: [_jsx("rect", { id: "Rectangle_3137-4", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.463)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-4", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.463)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-4", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.463)", fill: "#ddd" })] })), _jsx("rect", { id: "Rectangle_3141", "data-name": "Rectangle 3141", width: "23", height: "6", rx: "3", transform: "translate(608 927)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3142", "data-name": "Rectangle 3142", width: "23", height: "5", rx: "2.5", transform: "translate(608 942)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3143", "data-name": "Rectangle 3143", width: "23", height: "6", rx: "3", transform: "translate(608 956)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9416", "data-name": "Group 9416", transform: "translate(-466 -284)" }, { children: [_jsx("circle", { id: "Ellipse_300", "data-name": "Ellipse 300", cx: "11", cy: "11", r: "11", transform: "translate(793 723)" }), _jsx("text", Object.assign({ id: "A-2", "data-name": "A", transform: "translate(798 725)", fill: "#fff", fontSize: "14", fontFamily: "Inter", fontWeight: "600" }, { children: _jsx("tspan", Object.assign({ x: "-5", y: "14" }, { children: "A" })) }))] })), _jsxs("g", Object.assign({ id: "Group_9417", "data-name": "Group 9417", transform: "translate(-417 -249)" }, { children: [_jsx("circle", { id: "Ellipse_300-2", "data-name": "Ellipse 300", cx: "11", cy: "11", r: "11", transform: "translate(793 723)" }), _jsx("text", Object.assign({ id: "B-2", "data-name": "B", transform: "translate(798 725)", fill: "#fff", fontSize: "14", fontFamily: "Inter", fontWeight: "600" }, { children: _jsx("tspan", Object.assign({ x: "-4", y: "14" }, { children: "B" })) }))] }))] }))] })));
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "100%", height: "100%", viewBox: "0 0 380 196" }, { children: [_jsxs("defs", { children: [_jsxs("filter", Object.assign({ id: "Rectangle_3124", x: "0", y: "0", width: "380", height: "196", filterUnits: "userSpaceOnUse" }, { children: [_jsx("feOffset", { dy: "3", in: "SourceAlpha" }), _jsx("feGaussianBlur", { stdDeviation: "3", result: "blur" }), _jsx("feFlood", { floodOpacity: "0.161" }), _jsx("feComposite", { operator: "in", in2: "blur" }), _jsx("feComposite", { in: "SourceGraphic" })] })), _jsx("clipPath", Object.assign({ id: "clipPath" }, { children: _jsx("rect", { id: "Rectangle_1052", "data-name": "Rectangle 1052", width: "9.697", height: "9.696", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-2" }, { children: _jsx("rect", { id: "Rectangle_1051", "data-name": "Rectangle 1051", width: "7.771", height: "6.366", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-3" }, { children: _jsx("rect", { id: "Rectangle_938", "data-name": "Rectangle 938", width: "7.771", height: "7.764", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-4" }, { children: _jsx("rect", { id: "Rectangle_1641", "data-name": "Rectangle 1641", width: "7.626", height: "7.626", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-5" }, { children: _jsx("rect", { id: "Rectangle_1630", "data-name": "Rectangle 1630", width: "7.771", height: "7.771", fill: "#adadad" }) })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient", x1: "1.203", y1: "-0.233", x2: "0.056", y2: "0.968", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0.24", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient-2", x1: "1.06", y1: "0.5", x2: "0", y2: "0.5", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.1", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.828", stopColor: "#fff", stopOpacity: "0.51" }), _jsx("stop", { offset: "0.934", stopColor: "#fff", stopOpacity: "0.635" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] }))] }), _jsxs("g", Object.assign({ id: "Image_A", "data-name": "Image A", transform: "translate(-288 -399)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9405", "data-name": "Group 9405", transform: "translate(0 -386)" }, { children: [_jsx("g", Object.assign({ transform: "matrix(1, 0, 0, 1, 288, 785)", filter: "url(#Rectangle_3124)" }, { children: _jsxs("g", Object.assign({ id: "Rectangle_3124-2", "data-name": "Rectangle 3124", transform: "translate(9 6)", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "178", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "177.5", fill: "none" })] })) })), _jsxs("g", Object.assign({ id: "Group_9397", "data-name": "Group 9397", transform: "translate(297 791)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_3125", "data-name": "Rectangle 3125", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "21", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "20.5", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Group_9394", "data-name": "Group 9394", transform: "translate(8.684 8.227)" }, { children: [_jsx("line", { id: "Line_378", "data-name": "Line 378", x2: "10.055", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_379", "data-name": "Line 379", x2: "10.055", transform: "translate(0 2.742)", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_380", "data-name": "Line 380", x2: "10.055", transform: "translate(0 5.485)", fill: "none", stroke: "#adadad", strokeWidth: "1" })] })), _jsx("g", Object.assign({ id: "home_stati_bottone", "data-name": "home + stati bottone", transform: "translate(74.869 6.398)" }, { children: _jsx("path", { id: "default", d: "M9.24,5.943,7.924,4.627l-.042-.042L4.868,1.571a.333.333,0,0,0-.467,0L.071,5.943a.333.333,0,0,0,0,.467.333.333,0,0,0,.467,0h0L1.3,5.646V9.17a.335.335,0,0,0,.34.34H7.627a.365.365,0,0,0,.34-.34V5.646l.764.764a.333.333,0,0,0,.467,0A.3.3,0,0,0,9.24,5.943ZM7.33,8.872H5V6.537a.365.365,0,0,0-.34-.34.335.335,0,0,0-.34.34V8.872H1.981V5.009L4.655,2.335,7.33,5.009Z", transform: "translate(0.025 -1.475)", fill: "#adadad" }) })), _jsx("g", Object.assign({ id: "explore_stati_bottone", "data-name": "explore + stati bottone", transform: "translate(98.443 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_4156", "data-name": "Group 4156", transform: "translate(0 0)", clipPath: "url(#clipPath)" }, { children: [_jsx("path", { id: "Path_1477", "data-name": "Path 1477", d: "M4.848,0A4.848,4.848,0,1,0,9.7,4.848,4.856,4.856,0,0,0,4.848,0m.4,8.9V8.559a.4.4,0,0,0-.792,0V8.9A4.161,4.161,0,0,1,.742,5.195h.346a.4.4,0,1,0,0-.792h-.3A4.161,4.161,0,0,1,4.5.693v.346a.4.4,0,0,0,.792,0V.792A4.161,4.161,0,0,1,9,4.5H8.658a.4.4,0,1,0,0,.792H9A4.206,4.206,0,0,1,5.244,8.9", transform: "translate(0 0)", fill: "#adadad" }), _jsx("path", { id: "Path_1478", "data-name": "Path 1478", d: "M8.945,5.27l-2.424.643a1,1,0,0,0-.594.594L5.284,8.981a.607.607,0,0,0,.742.742L8.451,9.08a.8.8,0,0,0,.594-.594l.693-2.474a.638.638,0,0,0-.792-.742M8.352,8.239c0,.049-.049.049-.1.1l-2.226.594L6.62,6.7a.106.106,0,0,1,.1-.1l2.226-.594Z", transform: "translate(-2.662 -2.648)", fill: "#adadad" }), _jsx("path", { id: "Path_1479", "data-name": "Path 1479", d: "M9.295,8.8h0a.182.182,0,0,0-.148.049.475.475,0,0,0-.346.445A.495.495,0,1,0,9.295,8.8m0,.742Z", transform: "translate(-4.446 -4.446)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Group_9396", "data-name": "Group 9396", transform: "translate(167.353 4.57)" }, { children: [_jsx("g", Object.assign({ id: "Group_9395", "data-name": "Group 9395", transform: "translate(0 0.35)" }, { children: _jsxs("g", Object.assign({ id: "Serach", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_905", "data-name": "Rectangle 905", fill: "rgba(255,255,255,0.1)", stroke: "#adadad", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "91.409", height: "11.185", rx: "5.593", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "90.909", height: "10.685", rx: "5.343", fill: "none" })] })), _jsx("g", Object.assign({ id: "search", transform: "translate(5.661 2.869)" }, { children: _jsx("path", { id: "Path_402", d: "M5.371,5.05,3.713,3.366A2.083,2.083,0,0,0,3.564.594h0a2.123,2.123,0,0,0-2.946,0A2.077,2.077,0,0,0,0,2.079,2.021,2.021,0,0,0,.619,3.54,2.121,2.121,0,0,0,2.1,4.159h0a2.147,2.147,0,0,0,1.262-.421L5.05,5.4a.352.352,0,0,0,.149.05.352.352,0,0,0,.149-.05.206.206,0,0,0,.05-.3C5.4,5.074,5.4,5.05,5.371,5.05ZM2.1,3.663a1.445,1.445,0,0,1-1.139-.47A1.575,1.575,0,0,1,.5,2.079,1.606,1.606,0,0,1,2.1.47a1.632,1.632,0,0,1,1.139.47h0a1.532,1.532,0,0,1,.47,1.139,1.632,1.632,0,0,1-.47,1.139A1.51,1.51,0,0,1,2.1,3.663Z", transform: "translate(0 0)", fill: "#adadad" }) }))] })) })), _jsx("g", Object.assign({ id: "messages_stati_bottone", "data-name": "messages  + stati bottone", transform: "translate(155.677 2.767)" }, { children: _jsx("g", Object.assign({ id: "messages_stati_bottone-2", "data-name": "messages  + stati bottone", clipPath: "url(#clipPath-2)" }, { children: _jsx("path", { id: "Path_1476", "data-name": "Path 1476", d: "M6.94,0H.851A.829.829,0,0,0,.02.83V.848a.268.268,0,0,0,0,.206V5.536a.833.833,0,0,0,.83.83H6.94a.836.836,0,0,0,.83-.83V.83A.833.833,0,0,0,6.94,0M.851.554H6.94A.276.276,0,0,1,7.215.82l-3.159,2.7A.276.276,0,0,1,3.7,3.51L.574.841V.83A.274.274,0,0,1,.851.554M7.217,5.536a.281.281,0,0,1-.277.277H.851a.278.278,0,0,1-.277-.277V1.571L3.358,3.947a.835.835,0,0,0,1.063,0l2.8-2.39V5.536Z", transform: "translate(0)", fill: "#adadad" }) })) })), _jsx("g", Object.assign({ id: "notifications_stati_bottone", "data-name": "notifications  + stati bottone", transform: "translate(137.59 2.453)" }, { children: _jsxs("g", Object.assign({ id: "default-2", "data-name": "default", clipPath: "url(#clipPath-3)" }, { children: [_jsx("path", { id: "Path_488", "data-name": "Path 488", d: "M7.877,6.626a.581.581,0,0,1-.565-.565V4.189A2.5,2.5,0,0,0,4.8,1.681,2.465,2.465,0,0,0,2.332,4.189V6.131a.608.608,0,0,1-.565.565.283.283,0,1,0,0,.565h6.11c.389-.071.389-.636,0-.636M2.9,6.1V4.189a1.943,1.943,0,0,1,3.885,0V6.131a1.067,1.067,0,0,0,.177.565H2.72A1.191,1.191,0,0,0,2.9,6.1", transform: "translate(-0.954 -1.087)", fill: "#adadad" }), _jsx("path", { id: "Path_489", "data-name": "Path 489", d: "M1.837.595A.4.4,0,0,0,1.907.206.308.308,0,0,0,1.483.1,3.646,3.646,0,0,0,0,3.032a.26.26,0,0,0,.283.283.3.3,0,0,0,.283-.283A2.836,2.836,0,0,1,1.837.595", transform: "translate(0 -0.036)", fill: "#adadad" }), _jsx("path", { id: "Path_490", "data-name": "Path 490", d: "M16.976.064A.277.277,0,0,0,16.587.1a.258.258,0,0,0,.071.389A3.215,3.215,0,0,1,17.894,3a.283.283,0,1,0,.565,0A3.646,3.646,0,0,0,16.976.064", transform: "translate(-10.689 0)", fill: "#adadad" }), _jsx("path", { id: "Path_491", "data-name": "Path 491", d: "M10.013,20.381H8.883a.26.26,0,0,0-.283.283.3.3,0,0,0,.283.283H9.978a.26.26,0,0,0,.283-.283.235.235,0,0,0-.247-.283", transform: "translate(-5.562 -13.182)", fill: "#adadad" })] })) })), _jsx("g", Object.assign({ id: "_mobile_Create", "data-name": "# mobile_Create", transform: "translate(101.727 2.384)" }, { children: _jsxs("g", Object.assign({ id: "Group_5492", "data-name": "Group 5492", transform: "translate(0 0)", clipPath: "url(#clipPath-4)" }, { children: [_jsx("path", { id: "Path_2293", "data-name": "Path 2293", d: "M7.205,3.885A3.32,3.32,0,1,1,3.885.565a3.316,3.316,0,0,1,3.32,3.32m.565,0A3.885,3.885,0,1,0,3.885,7.771,3.874,3.874,0,0,0,7.771,3.885", transform: "translate(0.017 0.063)", fill: "#adadad" }), _jsx("path", { id: "Path_2294", "data-name": "Path 2294", d: "M9.1,7.16H7.725V5.783a.283.283,0,1,0-.565,0V7.16H5.783a.283.283,0,1,0,0,.565H7.16V9.1a.283.283,0,0,0,.565,0V7.725H9.1a.283.283,0,0,0,0-.565", transform: "translate(-3.54 -3.495)", fill: "#adadad" })] })) })), _jsx("text", Object.assign({ id: "A", transform: "translate(120.342 2.875)", fill: "#fff", fontSize: "1", fontFamily: "Inter", letterSpacing: "-0.02em" }, { children: _jsx("tspan", Object.assign({ x: "0", y: "0" }, { children: "A" })) })), _jsx("g", Object.assign({ id: "expand_more_profile", transform: "translate(173.763 2.065)" }, { children: _jsxs("g", Object.assign({ id: "Group_4877", "data-name": "Group 4877", clipPath: "url(#clipPath-5)" }, { children: [_jsx("path", { id: "Path_2278", "data-name": "Path 2278", d: "M10.748,20.566a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.453-.583.518", transform: "translate(-6.83 -13.119)", fill: "#adadad" }), _jsx("path", { id: "Path_2279", "data-name": "Path 2279", d: "M10.748,11.366a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.518", transform: "translate(-6.83 -6.898)", fill: "#adadad" }), _jsx("path", { id: "Path_2280", "data-name": "Path 2280", d: "M10.748,2.2a.64.64,0,0,1-.648-.583A.57.57,0,0,1,10.683,1a.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.55", transform: "translate(-6.83 -0.676)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Ellipse_291", "data-name": "Ellipse 291", transform: "translate(117.646 0.43)", fill: "none", stroke: "#ddd", strokeWidth: "1" }, { children: [_jsx("ellipse", { cx: "6.5", cy: "6", rx: "6.5", ry: "6", stroke: "none" }), _jsx("ellipse", { cx: "6.5", cy: "6", rx: "6", ry: "5.5", fill: "none" })] }))] })), _jsx("g", Object.assign({ id: "B", transform: "translate(23.947 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_7487", "data-name": "Group 7487", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Ellipse_273", "data-name": "Ellipse 273", transform: "translate(0.733 0.733)", fill: "#fff", stroke: "#adadad", strokeWidth: "0.3" }, { children: [_jsx("circle", { cx: "4.57", cy: "4.57", r: "4.57", stroke: "none" }), _jsx("circle", { cx: "4.57", cy: "4.57", r: "4.42", fill: "none" })] })), _jsx("path", { id: "Path_3290", "data-name": "Path 3290", d: "M5.565,6A3.568,3.568,0,0,0,7.34,10.724a.4.4,0,0,0,.524-.2.4.4,0,0,0-.2-.53A2.783,2.783,0,0,1,6.275,6.316a.4.4,0,0,0-.2-.53.4.4,0,0,0-.53.2Z", transform: "translate(-3.59 -3.787)", fill: "#adadad" }), _jsx("path", { id: "Path_3291", "data-name": "Path 3291", d: "M9.52,7.758A2.735,2.735,0,0,1,13.2,6.3a2.937,2.937,0,0,1,1.393,3.824,2.836,2.836,0,0,1-1.4,1.449.416.416,0,0,0-.2.545.39.39,0,0,0,.524.2,3.681,3.681,0,0,0,1.8-1.873,3.789,3.789,0,0,0-1.8-4.92A3.524,3.524,0,0,0,8.778,7.4a.418.418,0,0,0,.2.545A.4.4,0,0,0,9.5,7.736Z", transform: "translate(-5.017 -3.628)", fill: "#adadad" }), _jsx("path", { id: "Path_3292", "data-name": "Path 3292", d: "M4.343,5.783a3.777,3.777,0,0,0-1.8,4.914,3.522,3.522,0,0,0,4.726,1.868,3.681,3.681,0,0,0,1.8-1.873.43.43,0,0,0-.2-.551.393.393,0,0,0-.53.2,2.836,2.836,0,0,1-1.4,1.449,2.751,2.751,0,0,1-3.682-1.454A2.945,2.945,0,0,1,4.645,6.511a.427.427,0,0,0,.2-.551.4.4,0,0,0-.53-.209Z", transform: "translate(-2.229 -3.868)", fill: "#adadad" }), _jsx("path", { id: "Path_3293", "data-name": "Path 3293", d: "M10.376,9.52A2.736,2.736,0,0,1,11.825,13.2,2.946,2.946,0,0,1,8,14.59a2.827,2.827,0,0,1-1.455-1.4.425.425,0,0,0-.551-.2.388.388,0,0,0-.209.524,3.649,3.649,0,0,0,1.868,1.8,3.785,3.785,0,0,0,4.915-1.8A3.53,3.53,0,0,0,10.69,8.778a.423.423,0,0,0-.551.2.389.389,0,0,0,.2.524Z", transform: "translate(-3.882 -5.017)", fill: "#adadad" }), _jsx("path", { id: "Path_3294", "data-name": "Path 3294", d: "M12.349,4.343a3.787,3.787,0,0,0-4.921-1.8A3.52,3.52,0,0,0,5.555,7.268a3.649,3.649,0,0,0,1.868,1.8.425.425,0,0,0,.546-.2.4.4,0,0,0-.209-.53A2.827,2.827,0,0,1,6.3,6.934,2.744,2.744,0,0,1,7.753,3.252a2.941,2.941,0,0,1,3.824,1.393.419.419,0,0,0,.546.2.4.4,0,0,0,.2-.53Z", transform: "translate(-3.64 -2.229)", fill: "#adadad" })] })) }))] })), _jsxs("g", Object.assign({ id: "Group_9398", "data-name": "Group 9398", transform: "translate(315.282 795.231)" }, { children: [_jsx("path", { id: "Rectangle_3126", "data-name": "Rectangle 3126", d: "M0,0H326a0,0,0,0,1,0,0V29a10,10,0,0,1-10,10H10A10,10,0,0,1,0,29V0A0,0,0,0,1,0,0Z", transform: "translate(-0.281 16.77)", fill: "#b8c5cb" }), _jsx("path", { id: "Path_3045", "data-name": "Path 3045", d: "M116.639-554.1l59.881-59.388a12.843,12.843,0,0,1,18.088,0,12.786,12.786,0,0,1,0,18.055l-59.881,59.388a12.843,12.843,0,0,1-18.088,0A12.787,12.787,0,0,1,116.639-554.1Z", transform: "translate(18.76 617.215)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_3046", "data-name": "Path 3046", d: "M110.577-602.987,171.082-662.4a4.324,4.324,0,0,0,0-6.1,4.3,4.3,0,0,0-6.087,0l-60.505,59.414a4.324,4.324,0,0,0,0,6.1A4.3,4.3,0,0,0,110.577-602.987Z", transform: "translate(17.883 669.768)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] })), _jsxs("g", Object.assign({ id: "Group_9400", "data-name": "Group 9400", transform: "translate(400.292 854.815)" }, { children: [_jsx("rect", { id: "Rectangle_3127", "data-name": "Rectangle 3127", width: "69", height: "9", transform: "translate(43.707 0.186)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3128", "data-name": "Rectangle 3128", width: "201", height: "3", transform: "translate(-22.293 13.186)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3144", "data-name": "Rectangle 3144", width: "118", height: "3", transform: "translate(14.707 18.186)", fill: "#b8c5cb" }), _jsxs("g", Object.assign({ id: "Group_9399", "data-name": "Group 9399", transform: "translate(50.275 24.11)" }, { children: [_jsx("rect", { id: "Rectangle_3129", "data-name": "Rectangle 3129", width: "32", height: "4", transform: "translate(0.432 2.076)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Ellipse_295", "data-name": "Ellipse 295", transform: "translate(34.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_296", "data-name": "Ellipse 296", transform: "translate(39.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_297", "data-name": "Ellipse 297", transform: "translate(43.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_298", "data-name": "Ellipse 298", transform: "translate(47.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] }))] })), _jsx("rect", { id: "Rectangle_3130", "data-name": "Rectangle 3130", width: "41", height: "10", rx: "5", transform: "translate(57.707 36.186)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3131", "data-name": "Rectangle 3131", transform: "translate(315 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H171a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H171A7.5,7.5,0,0,1,178.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3132", "data-name": "Rectangle 3132", transform: "translate(503 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H130a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H130A7.5,7.5,0,0,1,137.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsx("rect", { id: "Rectangle_3133", "data-name": "Rectangle 3133", width: "155", height: "3", transform: "translate(323 940)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3139", "data-name": "Rectangle 3139", width: "155", height: "4", transform: "translate(323 932)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3140", "data-name": "Rectangle 3140", width: "75", height: "5", transform: "translate(512 914)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3136", "data-name": "Rectangle 3136", width: "150", height: "3", transform: "translate(323 953)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3134", "data-name": "Rectangle 3134", width: "133", height: "3", transform: "translate(323 946)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3135", "data-name": "Rectangle 3135", width: "142", height: "3", transform: "translate(323 959)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Group_9401", "data-name": "Group 9401", transform: "translate(322.595 914.402)" }, { children: [_jsx("rect", { id: "Rectangle_3137", "data-name": "Rectangle 3137", width: "30", height: "4", transform: "translate(11.406 0.598)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138", "data-name": "Rectangle 3138", width: "22", height: "3", transform: "translate(11.406 6.598)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.406 -0.402)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9402", "data-name": "Group 9402", transform: "translate(511.812 926.286)" }, { children: [_jsx("rect", { id: "Rectangle_3137-2", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.715)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-2", "data-name": "Rectangle 3138", width: "21", height: "2", transform: "translate(12.188 6.715)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-2", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 -0.285)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9403", "data-name": "Group 9403", transform: "translate(511.812 939.997)" }, { children: [_jsx("rect", { id: "Rectangle_3137-3", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 1.002)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-3", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.002)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-3", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.002)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9404", "data-name": "Group 9404", transform: "translate(511.812 955.537)" }, { children: [_jsx("rect", { id: "Rectangle_3137-4", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.463)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-4", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.463)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-4", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.463)", fill: "#ddd" })] })), _jsx("rect", { id: "Rectangle_3141", "data-name": "Rectangle 3141", width: "23", height: "6", rx: "3", transform: "translate(608 927)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3142", "data-name": "Rectangle 3142", width: "23", height: "5", rx: "2.5", transform: "translate(608 942)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3143", "data-name": "Rectangle 3143", width: "23", height: "6", rx: "3", transform: "translate(608 956)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9416", "data-name": "Group 9416", transform: "translate(-466 -284)" }, { children: [_jsx("circle", { id: "Ellipse_300", "data-name": "Ellipse 300", cx: "11", cy: "11", r: "11", transform: "translate(793 723)" }), _jsx("text", Object.assign({ id: "A-2", "data-name": "A", transform: "translate(798 725)", fill: "#fff", fontSize: "14", fontFamily: "Inter", fontWeight: "600" }, { children: _jsx("tspan", Object.assign({ x: "-5", y: "14" }, { children: "A" })) }))] })), _jsxs("g", Object.assign({ id: "Group_9417", "data-name": "Group 9417", transform: "translate(-417 -249)" }, { children: [_jsx("circle", { id: "Ellipse_300-2", "data-name": "Ellipse 300", cx: "11", cy: "11", r: "11", transform: "translate(793 723)" }), _jsx("text", Object.assign({ id: "B-2", "data-name": "B", transform: "translate(798 725)", fill: "#fff", fontSize: "14", fontFamily: "Inter", fontWeight: "600" }, { children: _jsx("tspan", Object.assign({ x: "-4", y: "14" }, { children: "B" })) }))] }))] }))] })));
 }

package/lib/esm/assets/onBoarding/CategoryB.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function CategoryB() {
-    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "380", height: "196", viewBox: "0 0 380 196" }, { children: [_jsxs("defs", { children: [_jsxs("filter", Object.assign({ id: "Rectangle_3124", x: "0", y: "0", width: "380", height: "196", filterUnits: "userSpaceOnUse" }, { children: [_jsx("feOffset", { dy: "3", in: "SourceAlpha" }), _jsx("feGaussianBlur", { stdDeviation: "3", result: "blur" }), _jsx("feFlood", { floodOpacity: "0.161" }), _jsx("feComposite", { operator: "in", in2: "blur" }), _jsx("feComposite", { in: "SourceGraphic" })] })), _jsx("clipPath", Object.assign({ id: "clipPath" }, { children: _jsx("rect", { id: "Rectangle_1052", "data-name": "Rectangle 1052", width: "9.697", height: "9.696", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-2" }, { children: _jsx("rect", { id: "Rectangle_1051", "data-name": "Rectangle 1051", width: "7.771", height: "6.366", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-3" }, { children: _jsx("rect", { id: "Rectangle_938", "data-name": "Rectangle 938", width: "7.771", height: "7.764", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-4" }, { children: _jsx("rect", { id: "Rectangle_1641", "data-name": "Rectangle 1641", width: "7.626", height: "7.626", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-5" }, { children: _jsx("rect", { id: "Rectangle_1630", "data-name": "Rectangle 1630", width: "7.771", height: "7.771", fill: "#adadad" }) })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient", x1: "1.203", y1: "-0.233", x2: "0.056", y2: "0.968", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0.24", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient-2", x1: "1.06", y1: "0.5", x2: "0", y2: "0.5", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.1", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.828", stopColor: "#fff", stopOpacity: "0.51" }), _jsx("stop", { offset: "0.934", stopColor: "#fff", stopOpacity: "0.635" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] }))] }), _jsxs("g", Object.assign({ id: "Image_B", "data-name": "Image B", transform: "translate(-288 -607)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9415", "data-name": "Group 9415", transform: "translate(-528 -241)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9407", "data-name": "Group 9407", transform: "translate(528 63)" }, { children: [_jsx("g", Object.assign({ transform: "matrix(1, 0, 0, 1, 288, 785)", filter: "url(#Rectangle_3124)" }, { children: _jsxs("g", Object.assign({ id: "Rectangle_3124-2", "data-name": "Rectangle 3124", transform: "translate(9 6)", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "178", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "177.5", fill: "none" })] })) })), _jsxs("g", Object.assign({ id: "Group_9397", "data-name": "Group 9397", transform: "translate(297 791)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_3125", "data-name": "Rectangle 3125", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "21", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "20.5", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Group_9394", "data-name": "Group 9394", transform: "translate(8.684 8.227)" }, { children: [_jsx("line", { id: "Line_378", "data-name": "Line 378", x2: "10.055", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_379", "data-name": "Line 379", x2: "10.055", transform: "translate(0 2.742)", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_380", "data-name": "Line 380", x2: "10.055", transform: "translate(0 5.485)", fill: "none", stroke: "#adadad", strokeWidth: "1" })] })), _jsx("g", Object.assign({ id: "home_stati_bottone", "data-name": "home + stati bottone", transform: "translate(74.869 6.398)" }, { children: _jsx("path", { id: "default", d: "M9.24,5.943,7.924,4.627l-.042-.042L4.868,1.571a.333.333,0,0,0-.467,0L.071,5.943a.333.333,0,0,0,0,.467.333.333,0,0,0,.467,0h0L1.3,5.646V9.17a.335.335,0,0,0,.34.34H7.627a.365.365,0,0,0,.34-.34V5.646l.764.764a.333.333,0,0,0,.467,0A.3.3,0,0,0,9.24,5.943ZM7.33,8.872H5V6.537a.365.365,0,0,0-.34-.34.335.335,0,0,0-.34.34V8.872H1.981V5.009L4.655,2.335,7.33,5.009Z", transform: "translate(0.025 -1.475)", fill: "#adadad" }) })), _jsx("g", Object.assign({ id: "explore_stati_bottone", "data-name": "explore + stati bottone", transform: "translate(98.443 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_4156", "data-name": "Group 4156", transform: "translate(0 0)", clipPath: "url(#clipPath)" }, { children: [_jsx("path", { id: "Path_1477", "data-name": "Path 1477", d: "M4.848,0A4.848,4.848,0,1,0,9.7,4.848,4.856,4.856,0,0,0,4.848,0m.4,8.9V8.559a.4.4,0,0,0-.792,0V8.9A4.161,4.161,0,0,1,.742,5.195h.346a.4.4,0,1,0,0-.792h-.3A4.161,4.161,0,0,1,4.5.693v.346a.4.4,0,0,0,.792,0V.792A4.161,4.161,0,0,1,9,4.5H8.658a.4.4,0,1,0,0,.792H9A4.206,4.206,0,0,1,5.244,8.9", transform: "translate(0 0)", fill: "#adadad" }), _jsx("path", { id: "Path_1478", "data-name": "Path 1478", d: "M8.945,5.27l-2.424.643a1,1,0,0,0-.594.594L5.284,8.981a.607.607,0,0,0,.742.742L8.451,9.08a.8.8,0,0,0,.594-.594l.693-2.474a.638.638,0,0,0-.792-.742M8.352,8.239c0,.049-.049.049-.1.1l-2.226.594L6.62,6.7a.106.106,0,0,1,.1-.1l2.226-.594Z", transform: "translate(-2.662 -2.648)", fill: "#adadad" }), _jsx("path", { id: "Path_1479", "data-name": "Path 1479", d: "M9.295,8.8h0a.182.182,0,0,0-.148.049.475.475,0,0,0-.346.445A.495.495,0,1,0,9.295,8.8m0,.742Z", transform: "translate(-4.446 -4.446)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Group_9396", "data-name": "Group 9396", transform: "translate(167.353 4.57)" }, { children: [_jsx("g", Object.assign({ id: "Group_9395", "data-name": "Group 9395", transform: "translate(0 0.35)" }, { children: _jsxs("g", Object.assign({ id: "Serach", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_905", "data-name": "Rectangle 905", fill: "rgba(255,255,255,0.1)", stroke: "#adadad", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "91.409", height: "11.185", rx: "5.593", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "90.909", height: "10.685", rx: "5.343", fill: "none" })] })), _jsx("g", Object.assign({ id: "search", transform: "translate(5.661 2.869)" }, { children: _jsx("path", { id: "Path_402", d: "M5.371,5.05,3.713,3.366A2.083,2.083,0,0,0,3.564.594h0a2.123,2.123,0,0,0-2.946,0A2.077,2.077,0,0,0,0,2.079,2.021,2.021,0,0,0,.619,3.54,2.121,2.121,0,0,0,2.1,4.159h0a2.147,2.147,0,0,0,1.262-.421L5.05,5.4a.352.352,0,0,0,.149.05.352.352,0,0,0,.149-.05.206.206,0,0,0,.05-.3C5.4,5.074,5.4,5.05,5.371,5.05ZM2.1,3.663a1.445,1.445,0,0,1-1.139-.47A1.575,1.575,0,0,1,.5,2.079,1.606,1.606,0,0,1,2.1.47a1.632,1.632,0,0,1,1.139.47h0a1.532,1.532,0,0,1,.47,1.139,1.632,1.632,0,0,1-.47,1.139A1.51,1.51,0,0,1,2.1,3.663Z", transform: "translate(0 0)", fill: "#adadad" }) }))] })) })), _jsx("g", Object.assign({ id: "messages_stati_bottone", "data-name": "messages  + stati bottone", transform: "translate(155.677 2.767)" }, { children: _jsx("g", Object.assign({ id: "messages_stati_bottone-2", "data-name": "messages  + stati bottone", clipPath: "url(#clipPath-2)" }, { children: _jsx("path", { id: "Path_1476", "data-name": "Path 1476", d: "M6.94,0H.851A.829.829,0,0,0,.02.83V.848a.268.268,0,0,0,0,.206V5.536a.833.833,0,0,0,.83.83H6.94a.836.836,0,0,0,.83-.83V.83A.833.833,0,0,0,6.94,0M.851.554H6.94A.276.276,0,0,1,7.215.82l-3.159,2.7A.276.276,0,0,1,3.7,3.51L.574.841V.83A.274.274,0,0,1,.851.554M7.217,5.536a.281.281,0,0,1-.277.277H.851a.278.278,0,0,1-.277-.277V1.571L3.358,3.947a.835.835,0,0,0,1.063,0l2.8-2.39V5.536Z", transform: "translate(0)", fill: "#adadad" }) })) })), _jsx("g", Object.assign({ id: "notifications_stati_bottone", "data-name": "notifications  + stati bottone", transform: "translate(137.59 2.453)" }, { children: _jsxs("g", Object.assign({ id: "default-2", "data-name": "default", clipPath: "url(#clipPath-3)" }, { children: [_jsx("path", { id: "Path_488", "data-name": "Path 488", d: "M7.877,6.626a.581.581,0,0,1-.565-.565V4.189A2.5,2.5,0,0,0,4.8,1.681,2.465,2.465,0,0,0,2.332,4.189V6.131a.608.608,0,0,1-.565.565.283.283,0,1,0,0,.565h6.11c.389-.071.389-.636,0-.636M2.9,6.1V4.189a1.943,1.943,0,0,1,3.885,0V6.131a1.067,1.067,0,0,0,.177.565H2.72A1.191,1.191,0,0,0,2.9,6.1", transform: "translate(-0.954 -1.087)", fill: "#adadad" }), _jsx("path", { id: "Path_489", "data-name": "Path 489", d: "M1.837.595A.4.4,0,0,0,1.907.206.308.308,0,0,0,1.483.1,3.646,3.646,0,0,0,0,3.032a.26.26,0,0,0,.283.283.3.3,0,0,0,.283-.283A2.836,2.836,0,0,1,1.837.595", transform: "translate(0 -0.036)", fill: "#adadad" }), _jsx("path", { id: "Path_490", "data-name": "Path 490", d: "M16.976.064A.277.277,0,0,0,16.587.1a.258.258,0,0,0,.071.389A3.215,3.215,0,0,1,17.894,3a.283.283,0,1,0,.565,0A3.646,3.646,0,0,0,16.976.064", transform: "translate(-10.689 0)", fill: "#adadad" }), _jsx("path", { id: "Path_491", "data-name": "Path 491", d: "M10.013,20.381H8.883a.26.26,0,0,0-.283.283.3.3,0,0,0,.283.283H9.978a.26.26,0,0,0,.283-.283.235.235,0,0,0-.247-.283", transform: "translate(-5.562 -13.182)", fill: "#adadad" })] })) })), _jsx("g", Object.assign({ id: "_mobile_Create", "data-name": "# mobile_Create", transform: "translate(101.727 2.384)" }, { children: _jsxs("g", Object.assign({ id: "Group_5492", "data-name": "Group 5492", transform: "translate(0 0)", clipPath: "url(#clipPath-4)" }, { children: [_jsx("path", { id: "Path_2293", "data-name": "Path 2293", d: "M7.205,3.885A3.32,3.32,0,1,1,3.885.565a3.316,3.316,0,0,1,3.32,3.32m.565,0A3.885,3.885,0,1,0,3.885,7.771,3.874,3.874,0,0,0,7.771,3.885", transform: "translate(0.017 0.063)", fill: "#adadad" }), _jsx("path", { id: "Path_2294", "data-name": "Path 2294", d: "M9.1,7.16H7.725V5.783a.283.283,0,1,0-.565,0V7.16H5.783a.283.283,0,1,0,0,.565H7.16V9.1a.283.283,0,0,0,.565,0V7.725H9.1a.283.283,0,0,0,0-.565", transform: "translate(-3.54 -3.495)", fill: "#adadad" })] })) })), _jsx("text", Object.assign({ id: "A", transform: "translate(120.342 2.875)", fill: "#fff", fontSize: "1", fontFamily: "Inter", letterSpacing: "-0.02em" }, { children: _jsx("tspan", Object.assign({ x: "0", y: "0" }, { children: "A" })) })), _jsx("g", Object.assign({ id: "expand_more_profile", transform: "translate(173.763 2.065)" }, { children: _jsxs("g", Object.assign({ id: "Group_4877", "data-name": "Group 4877", clipPath: "url(#clipPath-5)" }, { children: [_jsx("path", { id: "Path_2278", "data-name": "Path 2278", d: "M10.748,20.566a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.453-.583.518", transform: "translate(-6.83 -13.119)", fill: "#adadad" }), _jsx("path", { id: "Path_2279", "data-name": "Path 2279", d: "M10.748,11.366a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.518", transform: "translate(-6.83 -6.898)", fill: "#adadad" }), _jsx("path", { id: "Path_2280", "data-name": "Path 2280", d: "M10.748,2.2a.64.64,0,0,1-.648-.583A.57.57,0,0,1,10.683,1a.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.55", transform: "translate(-6.83 -0.676)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Ellipse_291", "data-name": "Ellipse 291", transform: "translate(117.646 0.43)", fill: "none", stroke: "#ddd", strokeWidth: "1" }, { children: [_jsx("ellipse", { cx: "6.5", cy: "6", rx: "6.5", ry: "6", stroke: "none" }), _jsx("ellipse", { cx: "6.5", cy: "6", rx: "6", ry: "5.5", fill: "none" })] }))] })), _jsx("g", Object.assign({ id: "B", transform: "translate(23.947 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_7487", "data-name": "Group 7487", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Ellipse_273", "data-name": "Ellipse 273", transform: "translate(0.733 0.733)", fill: "#fff", stroke: "#adadad", strokeWidth: "0.3" }, { children: [_jsx("circle", { cx: "4.57", cy: "4.57", r: "4.57", stroke: "none" }), _jsx("circle", { cx: "4.57", cy: "4.57", r: "4.42", fill: "none" })] })), _jsx("path", { id: "Path_3290", "data-name": "Path 3290", d: "M5.565,6A3.568,3.568,0,0,0,7.34,10.724a.4.4,0,0,0,.524-.2.4.4,0,0,0-.2-.53A2.783,2.783,0,0,1,6.275,6.316a.4.4,0,0,0-.2-.53.4.4,0,0,0-.53.2Z", transform: "translate(-3.59 -3.787)", fill: "#adadad" }), _jsx("path", { id: "Path_3291", "data-name": "Path 3291", d: "M9.52,7.758A2.735,2.735,0,0,1,13.2,6.3a2.937,2.937,0,0,1,1.393,3.824,2.836,2.836,0,0,1-1.4,1.449.416.416,0,0,0-.2.545.39.39,0,0,0,.524.2,3.681,3.681,0,0,0,1.8-1.873,3.789,3.789,0,0,0-1.8-4.92A3.524,3.524,0,0,0,8.778,7.4a.418.418,0,0,0,.2.545A.4.4,0,0,0,9.5,7.736Z", transform: "translate(-5.017 -3.628)", fill: "#adadad" }), _jsx("path", { id: "Path_3292", "data-name": "Path 3292", d: "M4.343,5.783a3.777,3.777,0,0,0-1.8,4.914,3.522,3.522,0,0,0,4.726,1.868,3.681,3.681,0,0,0,1.8-1.873.43.43,0,0,0-.2-.551.393.393,0,0,0-.53.2,2.836,2.836,0,0,1-1.4,1.449,2.751,2.751,0,0,1-3.682-1.454A2.945,2.945,0,0,1,4.645,6.511a.427.427,0,0,0,.2-.551.4.4,0,0,0-.53-.209Z", transform: "translate(-2.229 -3.868)", fill: "#adadad" }), _jsx("path", { id: "Path_3293", "data-name": "Path 3293", d: "M10.376,9.52A2.736,2.736,0,0,1,11.825,13.2,2.946,2.946,0,0,1,8,14.59a2.827,2.827,0,0,1-1.455-1.4.425.425,0,0,0-.551-.2.388.388,0,0,0-.209.524,3.649,3.649,0,0,0,1.868,1.8,3.785,3.785,0,0,0,4.915-1.8A3.53,3.53,0,0,0,10.69,8.778a.423.423,0,0,0-.551.2.389.389,0,0,0,.2.524Z", transform: "translate(-3.882 -5.017)", fill: "#adadad" }), _jsx("path", { id: "Path_3294", "data-name": "Path 3294", d: "M12.349,4.343a3.787,3.787,0,0,0-4.921-1.8A3.52,3.52,0,0,0,5.555,7.268a3.649,3.649,0,0,0,1.868,1.8.425.425,0,0,0,.546-.2.4.4,0,0,0-.209-.53A2.827,2.827,0,0,1,6.3,6.934,2.744,2.744,0,0,1,7.753,3.252a2.941,2.941,0,0,1,3.824,1.393.419.419,0,0,0,.546.2.4.4,0,0,0,.2-.53Z", transform: "translate(-3.64 -2.229)", fill: "#adadad" })] })) }))] })), _jsxs("g", Object.assign({ id: "Group_9398", "data-name": "Group 9398", transform: "translate(315.282 795.231)" }, { children: [_jsx("path", { id: "Rectangle_3126", "data-name": "Rectangle 3126", d: "M0,0H326a0,0,0,0,1,0,0V29a10,10,0,0,1-10,10H10A10,10,0,0,1,0,29V0A0,0,0,0,1,0,0Z", transform: "translate(-0.281 16.77)", fill: "#b8c5cb" }), _jsx("path", { id: "Path_3045", "data-name": "Path 3045", d: "M116.639-554.1l59.881-59.388a12.843,12.843,0,0,1,18.088,0,12.786,12.786,0,0,1,0,18.055l-59.881,59.388a12.843,12.843,0,0,1-18.088,0A12.787,12.787,0,0,1,116.639-554.1Z", transform: "translate(18.76 617.215)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_3046", "data-name": "Path 3046", d: "M110.577-602.987,171.082-662.4a4.324,4.324,0,0,0,0-6.1,4.3,4.3,0,0,0-6.087,0l-60.505,59.414a4.324,4.324,0,0,0,0,6.1A4.3,4.3,0,0,0,110.577-602.987Z", transform: "translate(17.883 669.768)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] })), _jsxs("g", Object.assign({ id: "Group_9400", "data-name": "Group 9400", transform: "translate(400.292 854.815)" }, { children: [_jsx("rect", { id: "Rectangle_3127", "data-name": "Rectangle 3127", width: "69", height: "9", transform: "translate(43.707 0.186)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3128", "data-name": "Rectangle 3128", width: "201", height: "3", transform: "translate(-22.293 13.186)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3144", "data-name": "Rectangle 3144", width: "118", height: "3", transform: "translate(14.707 18.186)", fill: "#b8c5cb" }), _jsxs("g", Object.assign({ id: "Group_9399", "data-name": "Group 9399", transform: "translate(50.275 24.11)" }, { children: [_jsx("rect", { id: "Rectangle_3129", "data-name": "Rectangle 3129", width: "32", height: "4", transform: "translate(0.432 2.076)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Ellipse_295", "data-name": "Ellipse 295", transform: "translate(34.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_296", "data-name": "Ellipse 296", transform: "translate(39.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_297", "data-name": "Ellipse 297", transform: "translate(43.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_298", "data-name": "Ellipse 298", transform: "translate(47.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] }))] })), _jsx("rect", { id: "Rectangle_3130", "data-name": "Rectangle 3130", width: "41", height: "10", rx: "5", transform: "translate(57.707 36.186)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3131", "data-name": "Rectangle 3131", transform: "translate(315 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H171a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H171A7.5,7.5,0,0,1,178.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3132", "data-name": "Rectangle 3132", transform: "translate(503 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H130a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H130A7.5,7.5,0,0,1,137.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsx("rect", { id: "Rectangle_3133", "data-name": "Rectangle 3133", width: "155", height: "3", transform: "translate(323 940)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3139", "data-name": "Rectangle 3139", width: "155", height: "4", transform: "translate(323 932)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3140", "data-name": "Rectangle 3140", width: "75", height: "5", transform: "translate(512 914)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3136", "data-name": "Rectangle 3136", width: "150", height: "3", transform: "translate(323 953)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3134", "data-name": "Rectangle 3134", width: "133", height: "3", transform: "translate(323 946)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3135", "data-name": "Rectangle 3135", width: "142", height: "3", transform: "translate(323 959)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Group_9401", "data-name": "Group 9401", transform: "translate(322.595 914.402)" }, { children: [_jsx("rect", { id: "Rectangle_3137", "data-name": "Rectangle 3137", width: "30", height: "4", transform: "translate(11.406 0.598)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138", "data-name": "Rectangle 3138", width: "22", height: "3", transform: "translate(11.406 6.598)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.406 -0.402)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9402", "data-name": "Group 9402", transform: "translate(511.812 926.286)" }, { children: [_jsx("rect", { id: "Rectangle_3137-2", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.715)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-2", "data-name": "Rectangle 3138", width: "21", height: "2", transform: "translate(12.188 6.715)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-2", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 -0.285)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9403", "data-name": "Group 9403", transform: "translate(511.812 939.997)" }, { children: [_jsx("rect", { id: "Rectangle_3137-3", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 1.002)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-3", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.002)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-3", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.002)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9404", "data-name": "Group 9404", transform: "translate(511.812 955.537)" }, { children: [_jsx("rect", { id: "Rectangle_3137-4", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.463)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-4", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.463)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-4", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.463)", fill: "#ddd" })] })), _jsx("rect", { id: "Rectangle_3141", "data-name": "Rectangle 3141", width: "23", height: "6", rx: "3", transform: "translate(608 927)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3142", "data-name": "Rectangle 3142", width: "23", height: "5", rx: "2.5", transform: "translate(608 942)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3143", "data-name": "Rectangle 3143", width: "23", height: "6", rx: "3", transform: "translate(608 956)", fill: "#ddd" })] })), _jsx("rect", { id: "Rectangle_3145", "data-name": "Rectangle 3145", width: "360", height: "178", transform: "translate(827 854)", opacity: "0.705" }), _jsx("rect", { id: "Rectangle_3146", "data-name": "Rectangle 3146", width: "70", height: "178", transform: "translate(825 854)", fill: "#fff" }), _jsx("g", Object.assign({ id: "B-2", "data-name": "B", transform: "translate(830 858.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_7487-2", "data-name": "Group 7487", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Ellipse_273-2", "data-name": "Ellipse 273", transform: "translate(0.733 0.733)", fill: "#fff", stroke: "#adadad", strokeWidth: "0.3" }, { children: [_jsx("circle", { cx: "4.57", cy: "4.57", r: "4.57", stroke: "none" }), _jsx("circle", { cx: "4.57", cy: "4.57", r: "4.42", fill: "none" })] })), _jsx("path", { id: "Path_3290-2", "data-name": "Path 3290", d: "M5.565,6A3.568,3.568,0,0,0,7.34,10.724a.4.4,0,0,0,.524-.2.4.4,0,0,0-.2-.53A2.783,2.783,0,0,1,6.275,6.316a.4.4,0,0,0-.2-.53.4.4,0,0,0-.53.2Z", transform: "translate(-3.59 -3.787)", fill: "#adadad" }), _jsx("path", { id: "Path_3291-2", "data-name": "Path 3291", d: "M9.52,7.758A2.735,2.735,0,0,1,13.2,6.3a2.937,2.937,0,0,1,1.393,3.824,2.836,2.836,0,0,1-1.4,1.449.416.416,0,0,0-.2.545.39.39,0,0,0,.524.2,3.681,3.681,0,0,0,1.8-1.873,3.789,3.789,0,0,0-1.8-4.92A3.524,3.524,0,0,0,8.778,7.4a.418.418,0,0,0,.2.545A.4.4,0,0,0,9.5,7.736Z", transform: "translate(-5.017 -3.628)", fill: "#adadad" }), _jsx("path", { id: "Path_3292-2", "data-name": "Path 3292", d: "M4.343,5.783a3.777,3.777,0,0,0-1.8,4.914,3.522,3.522,0,0,0,4.726,1.868,3.681,3.681,0,0,0,1.8-1.873.43.43,0,0,0-.2-.551.393.393,0,0,0-.53.2,2.836,2.836,0,0,1-1.4,1.449,2.751,2.751,0,0,1-3.682-1.454A2.945,2.945,0,0,1,4.645,6.511a.427.427,0,0,0,.2-.551.4.4,0,0,0-.53-.209Z", transform: "translate(-2.229 -3.868)", fill: "#adadad" }), _jsx("path", { id: "Path_3293-2", "data-name": "Path 3293", d: "M10.376,9.52A2.736,2.736,0,0,1,11.825,13.2,2.946,2.946,0,0,1,8,14.59a2.827,2.827,0,0,1-1.455-1.4.425.425,0,0,0-.551-.2.388.388,0,0,0-.209.524,3.649,3.649,0,0,0,1.868,1.8,3.785,3.785,0,0,0,4.915-1.8A3.53,3.53,0,0,0,10.69,8.778a.423.423,0,0,0-.551.2.389.389,0,0,0,.2.524Z", transform: "translate(-3.882 -5.017)", fill: "#adadad" }), _jsx("path", { id: "Path_3294-2", "data-name": "Path 3294", d: "M12.349,4.343a3.787,3.787,0,0,0-4.921-1.8A3.52,3.52,0,0,0,5.555,7.268a3.649,3.649,0,0,0,1.868,1.8.425.425,0,0,0,.546-.2.4.4,0,0,0-.209-.53A2.827,2.827,0,0,1,6.3,6.934,2.744,2.744,0,0,1,7.753,3.252a2.941,2.941,0,0,1,3.824,1.393.419.419,0,0,0,.546.2.4.4,0,0,0,.2-.53Z", transform: "translate(-3.64 -2.229)", fill: "#adadad" })] })) })), _jsx("line", { id: "Line_381", "data-name": "Line 381", x1: "69", transform: "translate(825.5 871.5)", fill: "none", stroke: "#ddd", strokeWidth: "0.5" }), _jsxs("g", Object.assign({ id: "Group_9408", "data-name": "Group 9408", transform: "translate(128.346 76.906)" }, { children: [_jsx("line", { id: "Line_382", "data-name": "Line 382", x2: "6.247", transform: "translate(756.156 784.672) rotate(45)", fill: "none", stroke: "#adadad", strokeWidth: "0.5" }), _jsx("line", { id: "Line_383", "data-name": "Line 383", x2: "6.247", transform: "translate(760.573 784.672) rotate(135)", fill: "none", stroke: "#adadad", strokeWidth: "0.5" })] })), _jsx("rect", { id: "Rectangle_3147", "data-name": "Rectangle 3147", width: "44", height: "3", transform: "translate(830 878)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Group_9411", "data-name": "Group 9411", transform: "translate(2.92 -3)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-5", "data-name": "Rectangle 3137", width: "38", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] })), _jsxs("g", Object.assign({ id: "Group_9412", "data-name": "Group 9412", transform: "translate(2.92 21.924)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409-2", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-6", "data-name": "Rectangle 3137", width: "20", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148-2", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410-2", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458-2", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459-2", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] })), _jsxs("g", Object.assign({ id: "Group_9414", "data-name": "Group 9414", transform: "translate(2.92 72.469)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409-3", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-7", "data-name": "Rectangle 3137", width: "20", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148-3", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410-3", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458-3", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459-3", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] })), _jsxs("g", Object.assign({ id: "Group_9413", "data-name": "Group 9413", transform: "translate(2.92 47.545)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409-4", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-8", "data-name": "Rectangle 3137", width: "32", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148-4", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410-4", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458-4", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459-4", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] }))] })), _jsxs("g", Object.assign({ id: "Group_9418", "data-name": "Group 9418", transform: "translate(-476 -82)" }, { children: [_jsx("circle", { id: "Ellipse_300", "data-name": "Ellipse 300", cx: "11", cy: "11", r: "11", transform: "translate(793 723)" }), _jsx("text", Object.assign({ id: "C", transform: "translate(798 725)", fill: "#fff", fontSize: "14", fontFamily: "Inter", fontWeight: "600" }, { children: _jsx("tspan", Object.assign({ x: "-5", y: "14" }, { children: "C" })) }))] }))] }))] })));
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "100%", height: "100%", viewBox: "0 0 380 196" }, { children: [_jsxs("defs", { children: [_jsxs("filter", Object.assign({ id: "Rectangle_3124", x: "0", y: "0", width: "380", height: "196", filterUnits: "userSpaceOnUse" }, { children: [_jsx("feOffset", { dy: "3", in: "SourceAlpha" }), _jsx("feGaussianBlur", { stdDeviation: "3", result: "blur" }), _jsx("feFlood", { floodOpacity: "0.161" }), _jsx("feComposite", { operator: "in", in2: "blur" }), _jsx("feComposite", { in: "SourceGraphic" })] })), _jsx("clipPath", Object.assign({ id: "clipPath" }, { children: _jsx("rect", { id: "Rectangle_1052", "data-name": "Rectangle 1052", width: "9.697", height: "9.696", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-2" }, { children: _jsx("rect", { id: "Rectangle_1051", "data-name": "Rectangle 1051", width: "7.771", height: "6.366", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-3" }, { children: _jsx("rect", { id: "Rectangle_938", "data-name": "Rectangle 938", width: "7.771", height: "7.764", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-4" }, { children: _jsx("rect", { id: "Rectangle_1641", "data-name": "Rectangle 1641", width: "7.626", height: "7.626", fill: "#adadad" }) })), _jsx("clipPath", Object.assign({ id: "clipPath-5" }, { children: _jsx("rect", { id: "Rectangle_1630", "data-name": "Rectangle 1630", width: "7.771", height: "7.771", fill: "#adadad" }) })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient", x1: "1.203", y1: "-0.233", x2: "0.056", y2: "0.968", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0.24", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] })), _jsxs("linearGradient", Object.assign({ id: "linear-gradient-2", x1: "1.06", y1: "0.5", x2: "0", y2: "0.5", gradientUnits: "objectBoundingBox" }, { children: [_jsx("stop", { offset: "0", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.1", stopColor: "#fff", stopOpacity: "0" }), _jsx("stop", { offset: "0.828", stopColor: "#fff", stopOpacity: "0.51" }), _jsx("stop", { offset: "0.934", stopColor: "#fff", stopOpacity: "0.635" }), _jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.702" })] }))] }), _jsxs("g", Object.assign({ id: "Image_B", "data-name": "Image B", transform: "translate(-288 -607)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9415", "data-name": "Group 9415", transform: "translate(-528 -241)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9407", "data-name": "Group 9407", transform: "translate(528 63)" }, { children: [_jsx("g", Object.assign({ transform: "matrix(1, 0, 0, 1, 288, 785)", filter: "url(#Rectangle_3124)" }, { children: _jsxs("g", Object.assign({ id: "Rectangle_3124-2", "data-name": "Rectangle 3124", transform: "translate(9 6)", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "178", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "177.5", fill: "none" })] })) })), _jsxs("g", Object.assign({ id: "Group_9397", "data-name": "Group 9397", transform: "translate(297 791)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_3125", "data-name": "Rectangle 3125", fill: "#fff", stroke: "#ddd", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "362", height: "21", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "361.5", height: "20.5", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Group_9394", "data-name": "Group 9394", transform: "translate(8.684 8.227)" }, { children: [_jsx("line", { id: "Line_378", "data-name": "Line 378", x2: "10.055", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_379", "data-name": "Line 379", x2: "10.055", transform: "translate(0 2.742)", fill: "none", stroke: "#adadad", strokeWidth: "1" }), _jsx("line", { id: "Line_380", "data-name": "Line 380", x2: "10.055", transform: "translate(0 5.485)", fill: "none", stroke: "#adadad", strokeWidth: "1" })] })), _jsx("g", Object.assign({ id: "home_stati_bottone", "data-name": "home + stati bottone", transform: "translate(74.869 6.398)" }, { children: _jsx("path", { id: "default", d: "M9.24,5.943,7.924,4.627l-.042-.042L4.868,1.571a.333.333,0,0,0-.467,0L.071,5.943a.333.333,0,0,0,0,.467.333.333,0,0,0,.467,0h0L1.3,5.646V9.17a.335.335,0,0,0,.34.34H7.627a.365.365,0,0,0,.34-.34V5.646l.764.764a.333.333,0,0,0,.467,0A.3.3,0,0,0,9.24,5.943ZM7.33,8.872H5V6.537a.365.365,0,0,0-.34-.34.335.335,0,0,0-.34.34V8.872H1.981V5.009L4.655,2.335,7.33,5.009Z", transform: "translate(0.025 -1.475)", fill: "#adadad" }) })), _jsx("g", Object.assign({ id: "explore_stati_bottone", "data-name": "explore + stati bottone", transform: "translate(98.443 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_4156", "data-name": "Group 4156", transform: "translate(0 0)", clipPath: "url(#clipPath)" }, { children: [_jsx("path", { id: "Path_1477", "data-name": "Path 1477", d: "M4.848,0A4.848,4.848,0,1,0,9.7,4.848,4.856,4.856,0,0,0,4.848,0m.4,8.9V8.559a.4.4,0,0,0-.792,0V8.9A4.161,4.161,0,0,1,.742,5.195h.346a.4.4,0,1,0,0-.792h-.3A4.161,4.161,0,0,1,4.5.693v.346a.4.4,0,0,0,.792,0V.792A4.161,4.161,0,0,1,9,4.5H8.658a.4.4,0,1,0,0,.792H9A4.206,4.206,0,0,1,5.244,8.9", transform: "translate(0 0)", fill: "#adadad" }), _jsx("path", { id: "Path_1478", "data-name": "Path 1478", d: "M8.945,5.27l-2.424.643a1,1,0,0,0-.594.594L5.284,8.981a.607.607,0,0,0,.742.742L8.451,9.08a.8.8,0,0,0,.594-.594l.693-2.474a.638.638,0,0,0-.792-.742M8.352,8.239c0,.049-.049.049-.1.1l-2.226.594L6.62,6.7a.106.106,0,0,1,.1-.1l2.226-.594Z", transform: "translate(-2.662 -2.648)", fill: "#adadad" }), _jsx("path", { id: "Path_1479", "data-name": "Path 1479", d: "M9.295,8.8h0a.182.182,0,0,0-.148.049.475.475,0,0,0-.346.445A.495.495,0,1,0,9.295,8.8m0,.742Z", transform: "translate(-4.446 -4.446)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Group_9396", "data-name": "Group 9396", transform: "translate(167.353 4.57)" }, { children: [_jsx("g", Object.assign({ id: "Group_9395", "data-name": "Group 9395", transform: "translate(0 0.35)" }, { children: _jsxs("g", Object.assign({ id: "Serach", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Rectangle_905", "data-name": "Rectangle 905", fill: "rgba(255,255,255,0.1)", stroke: "#adadad", strokeWidth: "0.5" }, { children: [_jsx("rect", { width: "91.409", height: "11.185", rx: "5.593", stroke: "none" }), _jsx("rect", { x: "0.25", y: "0.25", width: "90.909", height: "10.685", rx: "5.343", fill: "none" })] })), _jsx("g", Object.assign({ id: "search", transform: "translate(5.661 2.869)" }, { children: _jsx("path", { id: "Path_402", d: "M5.371,5.05,3.713,3.366A2.083,2.083,0,0,0,3.564.594h0a2.123,2.123,0,0,0-2.946,0A2.077,2.077,0,0,0,0,2.079,2.021,2.021,0,0,0,.619,3.54,2.121,2.121,0,0,0,2.1,4.159h0a2.147,2.147,0,0,0,1.262-.421L5.05,5.4a.352.352,0,0,0,.149.05.352.352,0,0,0,.149-.05.206.206,0,0,0,.05-.3C5.4,5.074,5.4,5.05,5.371,5.05ZM2.1,3.663a1.445,1.445,0,0,1-1.139-.47A1.575,1.575,0,0,1,.5,2.079,1.606,1.606,0,0,1,2.1.47a1.632,1.632,0,0,1,1.139.47h0a1.532,1.532,0,0,1,.47,1.139,1.632,1.632,0,0,1-.47,1.139A1.51,1.51,0,0,1,2.1,3.663Z", transform: "translate(0 0)", fill: "#adadad" }) }))] })) })), _jsx("g", Object.assign({ id: "messages_stati_bottone", "data-name": "messages  + stati bottone", transform: "translate(155.677 2.767)" }, { children: _jsx("g", Object.assign({ id: "messages_stati_bottone-2", "data-name": "messages  + stati bottone", clipPath: "url(#clipPath-2)" }, { children: _jsx("path", { id: "Path_1476", "data-name": "Path 1476", d: "M6.94,0H.851A.829.829,0,0,0,.02.83V.848a.268.268,0,0,0,0,.206V5.536a.833.833,0,0,0,.83.83H6.94a.836.836,0,0,0,.83-.83V.83A.833.833,0,0,0,6.94,0M.851.554H6.94A.276.276,0,0,1,7.215.82l-3.159,2.7A.276.276,0,0,1,3.7,3.51L.574.841V.83A.274.274,0,0,1,.851.554M7.217,5.536a.281.281,0,0,1-.277.277H.851a.278.278,0,0,1-.277-.277V1.571L3.358,3.947a.835.835,0,0,0,1.063,0l2.8-2.39V5.536Z", transform: "translate(0)", fill: "#adadad" }) })) })), _jsx("g", Object.assign({ id: "notifications_stati_bottone", "data-name": "notifications  + stati bottone", transform: "translate(137.59 2.453)" }, { children: _jsxs("g", Object.assign({ id: "default-2", "data-name": "default", clipPath: "url(#clipPath-3)" }, { children: [_jsx("path", { id: "Path_488", "data-name": "Path 488", d: "M7.877,6.626a.581.581,0,0,1-.565-.565V4.189A2.5,2.5,0,0,0,4.8,1.681,2.465,2.465,0,0,0,2.332,4.189V6.131a.608.608,0,0,1-.565.565.283.283,0,1,0,0,.565h6.11c.389-.071.389-.636,0-.636M2.9,6.1V4.189a1.943,1.943,0,0,1,3.885,0V6.131a1.067,1.067,0,0,0,.177.565H2.72A1.191,1.191,0,0,0,2.9,6.1", transform: "translate(-0.954 -1.087)", fill: "#adadad" }), _jsx("path", { id: "Path_489", "data-name": "Path 489", d: "M1.837.595A.4.4,0,0,0,1.907.206.308.308,0,0,0,1.483.1,3.646,3.646,0,0,0,0,3.032a.26.26,0,0,0,.283.283.3.3,0,0,0,.283-.283A2.836,2.836,0,0,1,1.837.595", transform: "translate(0 -0.036)", fill: "#adadad" }), _jsx("path", { id: "Path_490", "data-name": "Path 490", d: "M16.976.064A.277.277,0,0,0,16.587.1a.258.258,0,0,0,.071.389A3.215,3.215,0,0,1,17.894,3a.283.283,0,1,0,.565,0A3.646,3.646,0,0,0,16.976.064", transform: "translate(-10.689 0)", fill: "#adadad" }), _jsx("path", { id: "Path_491", "data-name": "Path 491", d: "M10.013,20.381H8.883a.26.26,0,0,0-.283.283.3.3,0,0,0,.283.283H9.978a.26.26,0,0,0,.283-.283.235.235,0,0,0-.247-.283", transform: "translate(-5.562 -13.182)", fill: "#adadad" })] })) })), _jsx("g", Object.assign({ id: "_mobile_Create", "data-name": "# mobile_Create", transform: "translate(101.727 2.384)" }, { children: _jsxs("g", Object.assign({ id: "Group_5492", "data-name": "Group 5492", transform: "translate(0 0)", clipPath: "url(#clipPath-4)" }, { children: [_jsx("path", { id: "Path_2293", "data-name": "Path 2293", d: "M7.205,3.885A3.32,3.32,0,1,1,3.885.565a3.316,3.316,0,0,1,3.32,3.32m.565,0A3.885,3.885,0,1,0,3.885,7.771,3.874,3.874,0,0,0,7.771,3.885", transform: "translate(0.017 0.063)", fill: "#adadad" }), _jsx("path", { id: "Path_2294", "data-name": "Path 2294", d: "M9.1,7.16H7.725V5.783a.283.283,0,1,0-.565,0V7.16H5.783a.283.283,0,1,0,0,.565H7.16V9.1a.283.283,0,0,0,.565,0V7.725H9.1a.283.283,0,0,0,0-.565", transform: "translate(-3.54 -3.495)", fill: "#adadad" })] })) })), _jsx("text", Object.assign({ id: "A", transform: "translate(120.342 2.875)", fill: "#fff", fontSize: "1", fontFamily: "Inter", letterSpacing: "-0.02em" }, { children: _jsx("tspan", Object.assign({ x: "0", y: "0" }, { children: "A" })) })), _jsx("g", Object.assign({ id: "expand_more_profile", transform: "translate(173.763 2.065)" }, { children: _jsxs("g", Object.assign({ id: "Group_4877", "data-name": "Group 4877", clipPath: "url(#clipPath-5)" }, { children: [_jsx("path", { id: "Path_2278", "data-name": "Path 2278", d: "M10.748,20.566a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.453-.583.518", transform: "translate(-6.83 -13.119)", fill: "#adadad" }), _jsx("path", { id: "Path_2279", "data-name": "Path 2279", d: "M10.748,11.366a.64.64,0,0,1-.648-.583.561.561,0,0,1,.583-.583.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.518", transform: "translate(-6.83 -6.898)", fill: "#adadad" }), _jsx("path", { id: "Path_2280", "data-name": "Path 2280", d: "M10.748,2.2a.64.64,0,0,1-.648-.583A.57.57,0,0,1,10.683,1a.7.7,0,0,1,.453.194.656.656,0,0,1,.194.453c.065.227-.259.486-.583.55", transform: "translate(-6.83 -0.676)", fill: "#adadad" })] })) })), _jsxs("g", Object.assign({ id: "Ellipse_291", "data-name": "Ellipse 291", transform: "translate(117.646 0.43)", fill: "none", stroke: "#ddd", strokeWidth: "1" }, { children: [_jsx("ellipse", { cx: "6.5", cy: "6", rx: "6.5", ry: "6", stroke: "none" }), _jsx("ellipse", { cx: "6.5", cy: "6", rx: "6", ry: "5.5", fill: "none" })] }))] })), _jsx("g", Object.assign({ id: "B", transform: "translate(23.947 5.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_7487", "data-name": "Group 7487", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Ellipse_273", "data-name": "Ellipse 273", transform: "translate(0.733 0.733)", fill: "#fff", stroke: "#adadad", strokeWidth: "0.3" }, { children: [_jsx("circle", { cx: "4.57", cy: "4.57", r: "4.57", stroke: "none" }), _jsx("circle", { cx: "4.57", cy: "4.57", r: "4.42", fill: "none" })] })), _jsx("path", { id: "Path_3290", "data-name": "Path 3290", d: "M5.565,6A3.568,3.568,0,0,0,7.34,10.724a.4.4,0,0,0,.524-.2.4.4,0,0,0-.2-.53A2.783,2.783,0,0,1,6.275,6.316a.4.4,0,0,0-.2-.53.4.4,0,0,0-.53.2Z", transform: "translate(-3.59 -3.787)", fill: "#adadad" }), _jsx("path", { id: "Path_3291", "data-name": "Path 3291", d: "M9.52,7.758A2.735,2.735,0,0,1,13.2,6.3a2.937,2.937,0,0,1,1.393,3.824,2.836,2.836,0,0,1-1.4,1.449.416.416,0,0,0-.2.545.39.39,0,0,0,.524.2,3.681,3.681,0,0,0,1.8-1.873,3.789,3.789,0,0,0-1.8-4.92A3.524,3.524,0,0,0,8.778,7.4a.418.418,0,0,0,.2.545A.4.4,0,0,0,9.5,7.736Z", transform: "translate(-5.017 -3.628)", fill: "#adadad" }), _jsx("path", { id: "Path_3292", "data-name": "Path 3292", d: "M4.343,5.783a3.777,3.777,0,0,0-1.8,4.914,3.522,3.522,0,0,0,4.726,1.868,3.681,3.681,0,0,0,1.8-1.873.43.43,0,0,0-.2-.551.393.393,0,0,0-.53.2,2.836,2.836,0,0,1-1.4,1.449,2.751,2.751,0,0,1-3.682-1.454A2.945,2.945,0,0,1,4.645,6.511a.427.427,0,0,0,.2-.551.4.4,0,0,0-.53-.209Z", transform: "translate(-2.229 -3.868)", fill: "#adadad" }), _jsx("path", { id: "Path_3293", "data-name": "Path 3293", d: "M10.376,9.52A2.736,2.736,0,0,1,11.825,13.2,2.946,2.946,0,0,1,8,14.59a2.827,2.827,0,0,1-1.455-1.4.425.425,0,0,0-.551-.2.388.388,0,0,0-.209.524,3.649,3.649,0,0,0,1.868,1.8,3.785,3.785,0,0,0,4.915-1.8A3.53,3.53,0,0,0,10.69,8.778a.423.423,0,0,0-.551.2.389.389,0,0,0,.2.524Z", transform: "translate(-3.882 -5.017)", fill: "#adadad" }), _jsx("path", { id: "Path_3294", "data-name": "Path 3294", d: "M12.349,4.343a3.787,3.787,0,0,0-4.921-1.8A3.52,3.52,0,0,0,5.555,7.268a3.649,3.649,0,0,0,1.868,1.8.425.425,0,0,0,.546-.2.4.4,0,0,0-.209-.53A2.827,2.827,0,0,1,6.3,6.934,2.744,2.744,0,0,1,7.753,3.252a2.941,2.941,0,0,1,3.824,1.393.419.419,0,0,0,.546.2.4.4,0,0,0,.2-.53Z", transform: "translate(-3.64 -2.229)", fill: "#adadad" })] })) }))] })), _jsxs("g", Object.assign({ id: "Group_9398", "data-name": "Group 9398", transform: "translate(315.282 795.231)" }, { children: [_jsx("path", { id: "Rectangle_3126", "data-name": "Rectangle 3126", d: "M0,0H326a0,0,0,0,1,0,0V29a10,10,0,0,1-10,10H10A10,10,0,0,1,0,29V0A0,0,0,0,1,0,0Z", transform: "translate(-0.281 16.77)", fill: "#b8c5cb" }), _jsx("path", { id: "Path_3045", "data-name": "Path 3045", d: "M116.639-554.1l59.881-59.388a12.843,12.843,0,0,1,18.088,0,12.786,12.786,0,0,1,0,18.055l-59.881,59.388a12.843,12.843,0,0,1-18.088,0A12.787,12.787,0,0,1,116.639-554.1Z", transform: "translate(18.76 617.215)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_3046", "data-name": "Path 3046", d: "M110.577-602.987,171.082-662.4a4.324,4.324,0,0,0,0-6.1,4.3,4.3,0,0,0-6.087,0l-60.505,59.414a4.324,4.324,0,0,0,0,6.1A4.3,4.3,0,0,0,110.577-602.987Z", transform: "translate(17.883 669.768)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] })), _jsxs("g", Object.assign({ id: "Group_9400", "data-name": "Group 9400", transform: "translate(400.292 854.815)" }, { children: [_jsx("rect", { id: "Rectangle_3127", "data-name": "Rectangle 3127", width: "69", height: "9", transform: "translate(43.707 0.186)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3128", "data-name": "Rectangle 3128", width: "201", height: "3", transform: "translate(-22.293 13.186)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3144", "data-name": "Rectangle 3144", width: "118", height: "3", transform: "translate(14.707 18.186)", fill: "#b8c5cb" }), _jsxs("g", Object.assign({ id: "Group_9399", "data-name": "Group 9399", transform: "translate(50.275 24.11)" }, { children: [_jsx("rect", { id: "Rectangle_3129", "data-name": "Rectangle 3129", width: "32", height: "4", transform: "translate(0.432 2.076)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Ellipse_295", "data-name": "Ellipse 295", transform: "translate(34.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_296", "data-name": "Ellipse 296", transform: "translate(39.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_297", "data-name": "Ellipse 297", transform: "translate(43.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("ellipse", { cx: "4", cy: "3.5", rx: "4", ry: "3.5", stroke: "none" }), _jsx("ellipse", { cx: "4", cy: "3.5", rx: "3.8", ry: "3.3", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Ellipse_298", "data-name": "Ellipse 298", transform: "translate(47.432 0.076)", fill: "#ddd", stroke: "#fafafa", strokeWidth: "0.4" }, { children: [_jsx("circle", { cx: "3.5", cy: "3.5", r: "3.5", stroke: "none" }), _jsx("circle", { cx: "3.5", cy: "3.5", r: "3.3", fill: "none" })] }))] })), _jsx("rect", { id: "Rectangle_3130", "data-name": "Rectangle 3130", width: "41", height: "10", rx: "5", transform: "translate(57.707 36.186)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3131", "data-name": "Rectangle 3131", transform: "translate(315 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H171a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H171A7.5,7.5,0,0,1,178.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsxs("g", Object.assign({ id: "Rectangle_3132", "data-name": "Rectangle 3132", transform: "translate(503 909)", fill: "none", stroke: "#f4f4f4", strokeWidth: "1" }, { children: [_jsx("path", { d: "M8,0H130a8,8,0,0,1,8,8V60a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V8A8,8,0,0,1,8,0Z", stroke: "none" }), _jsx("path", { d: "M8,.5H130A7.5,7.5,0,0,1,137.5,8V59a.5.5,0,0,1-.5.5H1A.5.5,0,0,1,.5,59V8A7.5,7.5,0,0,1,8,.5Z", fill: "none" })] })), _jsx("rect", { id: "Rectangle_3133", "data-name": "Rectangle 3133", width: "155", height: "3", transform: "translate(323 940)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3139", "data-name": "Rectangle 3139", width: "155", height: "4", transform: "translate(323 932)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3140", "data-name": "Rectangle 3140", width: "75", height: "5", transform: "translate(512 914)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3136", "data-name": "Rectangle 3136", width: "150", height: "3", transform: "translate(323 953)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3134", "data-name": "Rectangle 3134", width: "133", height: "3", transform: "translate(323 946)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3135", "data-name": "Rectangle 3135", width: "142", height: "3", transform: "translate(323 959)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Group_9401", "data-name": "Group 9401", transform: "translate(322.595 914.402)" }, { children: [_jsx("rect", { id: "Rectangle_3137", "data-name": "Rectangle 3137", width: "30", height: "4", transform: "translate(11.406 0.598)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138", "data-name": "Rectangle 3138", width: "22", height: "3", transform: "translate(11.406 6.598)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.406 -0.402)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9402", "data-name": "Group 9402", transform: "translate(511.812 926.286)" }, { children: [_jsx("rect", { id: "Rectangle_3137-2", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.715)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-2", "data-name": "Rectangle 3138", width: "21", height: "2", transform: "translate(12.188 6.715)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-2", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 -0.285)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9403", "data-name": "Group 9403", transform: "translate(511.812 939.997)" }, { children: [_jsx("rect", { id: "Rectangle_3137-3", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 1.002)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-3", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.002)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-3", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.002)", fill: "#ddd" })] })), _jsxs("g", Object.assign({ id: "Group_9404", "data-name": "Group 9404", transform: "translate(511.812 955.537)" }, { children: [_jsx("rect", { id: "Rectangle_3137-4", "data-name": "Rectangle 3137", width: "29", height: "4", transform: "translate(12.188 0.463)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3138-4", "data-name": "Rectangle 3138", width: "21", height: "3", transform: "translate(12.188 6.463)", fill: "#ddd" }), _jsx("circle", { id: "Ellipse_299-4", "data-name": "Ellipse 299", cx: "5", cy: "5", r: "5", transform: "translate(0.188 0.463)", fill: "#ddd" })] })), _jsx("rect", { id: "Rectangle_3141", "data-name": "Rectangle 3141", width: "23", height: "6", rx: "3", transform: "translate(608 927)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3142", "data-name": "Rectangle 3142", width: "23", height: "5", rx: "2.5", transform: "translate(608 942)", fill: "#ddd" }), _jsx("rect", { id: "Rectangle_3143", "data-name": "Rectangle 3143", width: "23", height: "6", rx: "3", transform: "translate(608 956)", fill: "#ddd" })] })), _jsx("rect", { id: "Rectangle_3145", "data-name": "Rectangle 3145", width: "360", height: "178", transform: "translate(827 854)", opacity: "0.705" }), _jsx("rect", { id: "Rectangle_3146", "data-name": "Rectangle 3146", width: "70", height: "178", transform: "translate(825 854)", fill: "#fff" }), _jsx("g", Object.assign({ id: "B-2", "data-name": "B", transform: "translate(830 858.484)" }, { children: _jsxs("g", Object.assign({ id: "Group_7487-2", "data-name": "Group 7487", transform: "translate(0 0)" }, { children: [_jsxs("g", Object.assign({ id: "Ellipse_273-2", "data-name": "Ellipse 273", transform: "translate(0.733 0.733)", fill: "#fff", stroke: "#adadad", strokeWidth: "0.3" }, { children: [_jsx("circle", { cx: "4.57", cy: "4.57", r: "4.57", stroke: "none" }), _jsx("circle", { cx: "4.57", cy: "4.57", r: "4.42", fill: "none" })] })), _jsx("path", { id: "Path_3290-2", "data-name": "Path 3290", d: "M5.565,6A3.568,3.568,0,0,0,7.34,10.724a.4.4,0,0,0,.524-.2.4.4,0,0,0-.2-.53A2.783,2.783,0,0,1,6.275,6.316a.4.4,0,0,0-.2-.53.4.4,0,0,0-.53.2Z", transform: "translate(-3.59 -3.787)", fill: "#adadad" }), _jsx("path", { id: "Path_3291-2", "data-name": "Path 3291", d: "M9.52,7.758A2.735,2.735,0,0,1,13.2,6.3a2.937,2.937,0,0,1,1.393,3.824,2.836,2.836,0,0,1-1.4,1.449.416.416,0,0,0-.2.545.39.39,0,0,0,.524.2,3.681,3.681,0,0,0,1.8-1.873,3.789,3.789,0,0,0-1.8-4.92A3.524,3.524,0,0,0,8.778,7.4a.418.418,0,0,0,.2.545A.4.4,0,0,0,9.5,7.736Z", transform: "translate(-5.017 -3.628)", fill: "#adadad" }), _jsx("path", { id: "Path_3292-2", "data-name": "Path 3292", d: "M4.343,5.783a3.777,3.777,0,0,0-1.8,4.914,3.522,3.522,0,0,0,4.726,1.868,3.681,3.681,0,0,0,1.8-1.873.43.43,0,0,0-.2-.551.393.393,0,0,0-.53.2,2.836,2.836,0,0,1-1.4,1.449,2.751,2.751,0,0,1-3.682-1.454A2.945,2.945,0,0,1,4.645,6.511a.427.427,0,0,0,.2-.551.4.4,0,0,0-.53-.209Z", transform: "translate(-2.229 -3.868)", fill: "#adadad" }), _jsx("path", { id: "Path_3293-2", "data-name": "Path 3293", d: "M10.376,9.52A2.736,2.736,0,0,1,11.825,13.2,2.946,2.946,0,0,1,8,14.59a2.827,2.827,0,0,1-1.455-1.4.425.425,0,0,0-.551-.2.388.388,0,0,0-.209.524,3.649,3.649,0,0,0,1.868,1.8,3.785,3.785,0,0,0,4.915-1.8A3.53,3.53,0,0,0,10.69,8.778a.423.423,0,0,0-.551.2.389.389,0,0,0,.2.524Z", transform: "translate(-3.882 -5.017)", fill: "#adadad" }), _jsx("path", { id: "Path_3294-2", "data-name": "Path 3294", d: "M12.349,4.343a3.787,3.787,0,0,0-4.921-1.8A3.52,3.52,0,0,0,5.555,7.268a3.649,3.649,0,0,0,1.868,1.8.425.425,0,0,0,.546-.2.4.4,0,0,0-.209-.53A2.827,2.827,0,0,1,6.3,6.934,2.744,2.744,0,0,1,7.753,3.252a2.941,2.941,0,0,1,3.824,1.393.419.419,0,0,0,.546.2.4.4,0,0,0,.2-.53Z", transform: "translate(-3.64 -2.229)", fill: "#adadad" })] })) })), _jsx("line", { id: "Line_381", "data-name": "Line 381", x1: "69", transform: "translate(825.5 871.5)", fill: "none", stroke: "#ddd", strokeWidth: "0.5" }), _jsxs("g", Object.assign({ id: "Group_9408", "data-name": "Group 9408", transform: "translate(128.346 76.906)" }, { children: [_jsx("line", { id: "Line_382", "data-name": "Line 382", x2: "6.247", transform: "translate(756.156 784.672) rotate(45)", fill: "none", stroke: "#adadad", strokeWidth: "0.5" }), _jsx("line", { id: "Line_383", "data-name": "Line 383", x2: "6.247", transform: "translate(760.573 784.672) rotate(135)", fill: "none", stroke: "#adadad", strokeWidth: "0.5" })] })), _jsx("rect", { id: "Rectangle_3147", "data-name": "Rectangle 3147", width: "44", height: "3", transform: "translate(830 878)", fill: "#ddd" }), _jsxs("g", Object.assign({ id: "Group_9411", "data-name": "Group 9411", transform: "translate(2.92 -3)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-5", "data-name": "Rectangle 3137", width: "38", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] })), _jsxs("g", Object.assign({ id: "Group_9412", "data-name": "Group 9412", transform: "translate(2.92 21.924)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409-2", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-6", "data-name": "Rectangle 3137", width: "20", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148-2", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410-2", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458-2", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459-2", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] })), _jsxs("g", Object.assign({ id: "Group_9414", "data-name": "Group 9414", transform: "translate(2.92 72.469)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409-3", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-7", "data-name": "Rectangle 3137", width: "20", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148-3", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410-3", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458-3", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459-3", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] })), _jsxs("g", Object.assign({ id: "Group_9413", "data-name": "Group 9413", transform: "translate(2.92 47.545)" }, { children: [_jsxs("g", Object.assign({ id: "Group_9409-4", "data-name": "Group 9409", transform: "translate(827.813 893.732)" }, { children: [_jsx("rect", { id: "Rectangle_3137-8", "data-name": "Rectangle 3137", width: "32", height: "4", transform: "translate(20.188 5.268)", fill: "#b8c5cb" }), _jsx("rect", { id: "Rectangle_3148-4", "data-name": "Rectangle 3148", width: "14", height: "14", rx: "2", transform: "translate(1.188 0.268)", fill: "#b8c5cb" })] })), _jsxs("g", Object.assign({ id: "Group_9410-4", "data-name": "Group 9410", transform: "translate(1.506 1.313)" }, { children: [_jsx("path", { id: "Path_4458-4", "data-name": "Path 4458", d: "M113.717-603.529,126.7-616.407a2.785,2.785,0,0,1,3.923,0,2.773,2.773,0,0,1,0,3.915L117.64-599.614a2.785,2.785,0,0,1-3.922,0A2.773,2.773,0,0,1,113.717-603.529Z", transform: "translate(714.718 1508.373)", opacity: "0.9", fill: "url(#linear-gradient)" }), _jsx("path", { id: "Path_4459-4", "data-name": "Path 4459", d: "M104.823-655.285l13.121-12.884a.938.938,0,0,0,0-1.324.932.932,0,0,0-1.32,0L103.5-656.609a.938.938,0,0,0,0,1.324A.932.932,0,0,0,104.823-655.285Z", transform: "translate(721.77 1560.91)", opacity: "0.9", fill: "url(#linear-gradient-2)" })] }))] }))] })), _jsxs("g", Object.assign({ id: "Group_9418", "data-name": "Group 9418", transform: "translate(-476 -82)" }, { children: [_jsx("circle", { id: "Ellipse_300", "data-name": "Ellipse 300", cx: "11", cy: "11", r: "11", transform: "translate(793 723)" }), _jsx("text", Object.assign({ id: "C", transform: "translate(798 725)", fill: "#fff", fontSize: "14", fontFamily: "Inter", fontWeight: "600" }, { children: _jsx("tspan", Object.assign({ x: "-5", y: "14" }, { children: "C" })) }))] }))] }))] })));
 }

package/lib/esm/components/OnBoardingWidget/Steps/App/App.js CHANGED Viewed

@@ -16,6 +16,7 @@ const classes = {
     tabs: `${PREFIX}-app-tabs`,
     tabContent: `${PREFIX}-app-tab-content`,
     summary: `${PREFIX}-app-summary`,
+    step: `${PREFIX}-app-step`,
     image: `${PREFIX}-app-image`,
     action: `${PREFIX}-app-action`,
     button: `${PREFIX}-app-button`
@@ -38,28 +39,28 @@ export default function App(inProps) {
     const handleChange = (event, newValue) => {
         setTab(newValue);
     };
-    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.title", defaultMessage: "ui.onBoardingWidget.step.app.title" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.summary", defaultMessage: "ui.onBoardingWidget.step.app.summary" }) })), _jsxs(Tabs, Object.assign({ className: classes.tabs, value: tab, onChange: handleChange, centered: true, variant: "fullWidth", indicatorColor: "primary" }, { children: [_jsx(Tab, { label: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.ios", defaultMessage: "ui.onBoardingWidget.step.app.tab.ios" }) }), _jsx(Tab, { label: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.android", defaultMessage: "ui.onBoardingWidget.step.app.tab.android" }) })] })), _jsxs(Box, Object.assign({ className: classes.tabContent }, { children: [tab === 0 && (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios", defaultMessage: "ui.onBoardingWidget.step.app.ios" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.a", defaultMessage: "ui.onBoardingWidget.step.app.ios.a", values: {
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.title", defaultMessage: "ui.onBoardingWidget.step.app.title" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.summary", defaultMessage: "ui.onBoardingWidget.step.app.summary" }) })), _jsxs(Tabs, Object.assign({ className: classes.tabs, value: tab, onChange: handleChange, centered: true, variant: "fullWidth", indicatorColor: "primary" }, { children: [_jsx(Tab, { label: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.ios", defaultMessage: "ui.onBoardingWidget.step.app.tab.ios" }) }), _jsx(Tab, { label: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.android", defaultMessage: "ui.onBoardingWidget.step.app.tab.android" }) })] })), _jsxs(Box, Object.assign({ className: classes.tabContent }, { children: [tab === 0 && (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios", defaultMessage: "ui.onBoardingWidget.step.app.ios" }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.a", defaultMessage: "ui.onBoardingWidget.step.app.ios.a", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         b: (...chunks) => _jsx("strong", { children: chunks })
-                                    } }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.b", defaultMessage: "ui.onBoardingWidget.step.app.ios.b", values: {
+                                    } }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.b", defaultMessage: "ui.onBoardingWidget.step.app.ios.b", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         b: (...chunks) => _jsx("strong", { children: chunks })
-                                    } }) })), _jsx(CardMedia, Object.assign({ className: classes.image, component: "div" }, { children: _jsx(Ios, {}) }))] })), tab === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android", defaultMessage: "ui.onBoardingWidget.step.app.android" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.a", defaultMessage: "ui.onBoardingWidget.step.app.android.a", values: {
+                                    } }) })), _jsx(CardMedia, Object.assign({ className: classes.image, component: "div" }, { children: _jsx(Ios, {}) }))] })), tab === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android", defaultMessage: "ui.onBoardingWidget.step.app.android" }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.a", defaultMessage: "ui.onBoardingWidget.step.app.android.a", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         b: (...chunks) => _jsx("strong", { children: chunks })
-                                    } }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.b", defaultMessage: "ui.onBoardingWidget.step.app.android.b", values: {
+                                    } }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.b", defaultMessage: "ui.onBoardingWidget.step.app.android.b", values: {
                                         // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                                         // @ts-ignore
                                         icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),

package/lib/esm/components/OnBoardingWidget/Steps/Profile/Profile.js CHANGED Viewed

@@ -87,5 +87,5 @@ export default function Profile(inProps) {
         setSCUser(Object.assign({}, scUser, { cover: cover }));
         onCompleteAction();
     }
-    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title, alignSelf: "self-start" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.profile", defaultMessage: "ui.onBoardingWidget.profile" }) })), _jsx(Typography, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.profile.summary", defaultMessage: "ui.onBoardingWidget.step.profile.summary" }) }), _jsx(Button, Object.assign({ variant: "outlined", size: "small", color: "primary", onClick: handleClickOpen }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.profile.button", defaultMessage: "ui.onBoardingWidget.step.profile.button" }) })), _jsxs(DialogRoot, Object.assign({ fullScreen: true }, rest, { open: open, onClose: handleClose, TransitionComponent: Transition }, { children: [_jsx(DialogActions, { children: _jsx(IconButton, Object.assign({ onClick: handleClose }, { children: _jsx(Icon, { children: "close" }) })) }), _jsxs(Paper, Object.assign({ style: _backgroundCover, classes: { root: classes.cover } }, { children: [_jsx(Box, Object.assign({ className: classes.avatar }, { children: _jsx(UserAvatar, Object.assign({ hide: !hasBadge }, { children: _jsx("img", { src: (scUser === null || scUser === void 0 ? void 0 : scUser.avatar) ? scUser.avatar : '' }) })) })), _jsxs(_Fragment, { children: [_jsx(ChangePicture, { iconButton: true, onChange: handleChangeAvatar, className: classes.changePicture }), _jsx("div", Object.assign({ className: classes.changeCover }, { children: _jsx(ChangeCover, { onChange: handleChangeCover }) }))] })] })), _jsx(Box, Object.assign({ className: classes.publicInfo }, { children: _jsx(PublicInfo, { fields: fields, onEditSuccess: onCompleteAction }) }))] }))] })));
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title, alignSelf: "self-start" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.profile", defaultMessage: "ui.onBoardingWidget.profile" }) })), _jsx(Typography, Object.assign({ alignSelf: "self-start" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.profile.summary", defaultMessage: "ui.onBoardingWidget.step.profile.summary" }) })), _jsx(Button, Object.assign({ variant: "outlined", size: "small", color: "primary", onClick: handleClickOpen }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.profile.button", defaultMessage: "ui.onBoardingWidget.step.profile.button" }) })), _jsxs(DialogRoot, Object.assign({ fullScreen: true }, rest, { open: open, onClose: handleClose, TransitionComponent: Transition }, { children: [_jsx(DialogActions, { children: _jsx(IconButton, Object.assign({ onClick: handleClose }, { children: _jsx(Icon, { children: "close" }) })) }), _jsxs(Paper, Object.assign({ style: _backgroundCover, classes: { root: classes.cover } }, { children: [_jsx(Box, Object.assign({ className: classes.avatar }, { children: _jsx(UserAvatar, Object.assign({ hide: !hasBadge }, { children: _jsx("img", { src: (scUser === null || scUser === void 0 ? void 0 : scUser.avatar) ? scUser.avatar : '' }) })) })), _jsxs(_Fragment, { children: [_jsx(ChangePicture, { iconButton: true, onChange: handleChangeAvatar, className: classes.changePicture }), _jsx("div", Object.assign({ className: classes.changeCover }, { children: _jsx(ChangeCover, { onChange: handleChangeCover }) }))] })] })), _jsx(Box, Object.assign({ className: classes.publicInfo }, { children: _jsx(PublicInfo, { fields: fields, onEditSuccess: onCompleteAction }) }))] }))] })));
 }