@kwiz/fluentui
Version:
KWIZ common controls for FluentUI
92 lines • 17.8 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { tokens } from '@fluentui/react-components';
import { isNumber } from '@kwiz/common';
import { flushSync } from 'react-dom';
import { createRoot } from 'react-dom/client';
function getProps(props) {
const color = props.color || tokens.colorNeutralForeground1;
const size = isNumber(props.size) ? `${props.size}px` : tokens.fontSizeBase300;
return { color, size };
}
export const YouTubeIcon = (props) => {
const { size } = getProps(props);
return (_jsx("svg", { height: size, width: size, version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 461.001 461.001", xmlSpace: "preserve", children: _jsx("g", { children: _jsx("path", { style: { fill: "#F61C0D" }, d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728\nc0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137\nC461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607\nc0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z" }) }) }));
};
export const MermaidIcon = (props) => {
const { size } = getProps(props);
return (_jsxs("svg", { height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490.16 490.16", children: [_jsx("defs", { children: _jsx("style", { children: `.mm-cls-1{fill:#ff3670;}.mm-cls-2{fill:#fff;}` }) }), _jsx("rect", { className: "mm-cls-1", width: "490.16", height: "490.16", rx: "84.61" }), _jsx("path", { className: "mm-cls-2", d: "M407.48,111.18A165.2,165.2,0,0,0,245.08,220,165.2,165.2,0,0,0,82.68,111.18a165.5,165.5,0,0,0,72.06,143.64,88.81,88.81,0,0,1,38.53,73.45v50.86H296.9V328.27a88.8,88.8,0,0,1,38.52-73.45,165.41,165.41,0,0,0,72.06-143.64Z" }), _jsx("path", { className: "mm-cls-2", d: "M160.63,328.27a56.09,56.09,0,0,0-24.27-46.49,198.74,198.74,0,0,1-28.54-23.66A196.87,196.87,0,0,1,82.53,227V379.13h78.1Z" }), _jsx("path", { className: "mm-cls-2", d: "M329.53,328.27a56.09,56.09,0,0,1,24.27-46.49,198.74,198.74,0,0,0,28.54-23.66A196.87,196.87,0,0,0,407.63,227V379.13h-78.1Z" })] }));
};
export const TeamsIcon = (props) => {
const { size } = getProps(props);
return (_jsxs("svg", { height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2228.833 2073.333", children: [_jsx("path", { fill: "#5059C9", d: "M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z" }), _jsx("circle", { fill: "#5059C9", cx: "1943.75", cy: "440.583", r: "233.25" }), _jsx("circle", { fill: "#7B83EB", cx: "1218.083", cy: "336.917", r: "336.917" }), _jsx("path", { fill: "#7B83EB", d: "M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z" }), _jsx("path", { opacity: ".1", d: "M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z" }), _jsx("path", { opacity: ".2", d: "M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z" }), _jsx("path", { opacity: ".2", d: "M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z" }), _jsx("path", { opacity: ".2", d: "M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z" }), _jsx("path", { opacity: ".1", d: "M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z" }), _jsx("path", { opacity: ".2", d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z" }), _jsx("path", { opacity: ".2", d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z" }), _jsx("path", { opacity: ".2", d: "M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z" }), _jsxs("linearGradient", { id: "a", gradientUnits: "userSpaceOnUse", x1: "198.099", y1: "1683.0726", x2: "942.2344", y2: "394.2607", gradientTransform: "matrix(1 0 0 -1 0 2075.3333)", children: [_jsx("stop", { offset: "0", stopColor: "#5a62c3" }), _jsx("stop", { offset: ".5", stopColor: "#4d55bd" }), _jsx("stop", { offset: "1", stopColor: "#3940ab" })] }), _jsx("path", { fill: "url(#a)", d: "M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z" }), _jsx("path", { fill: "#FFF", d: "M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z" })] }));
};
export const SVGLinkIcon = (props) => {
const { color, size } = getProps(props);
return (_jsx("svg", { fill: color, height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490.16 490.16", children: _jsx("g", { children: _jsxs("g", { children: [_jsx("path", { d: "M409.657,32.474c-43.146-43.146-113.832-43.146-156.978,0l-84.763,84.762c29.07-8.262,60.589-6.12,88.129,6.732\n\t\t\tl44.063-44.064c17.136-17.136,44.982-17.136,62.118,0c17.136,17.136,17.136,44.982,0,62.118l-55.386,55.386l-36.414,36.414\n\t\t\tc-17.136,17.136-44.982,17.136-62.119,0l-47.43,47.43c11.016,11.017,23.868,19.278,37.332,24.48\n\t\t\tc36.415,14.382,78.643,8.874,110.467-16.219c3.06-2.447,6.426-5.201,9.18-8.262l57.222-57.222l34.578-34.578\n\t\t\tC453.109,146.306,453.109,75.926,409.657,32.474z" }), _jsx("path", { d: "M184.135,320.114l-42.228,42.228c-17.136,17.137-44.982,17.137-62.118,0c-17.136-17.136-17.136-44.981,0-62.118\n\t\t\tl91.8-91.799c17.136-17.136,44.982-17.136,62.119,0l47.43-47.43c-11.016-11.016-23.868-19.278-37.332-24.48\n\t\t\tc-38.25-15.3-83.232-8.262-115.362,20.502c-1.53,1.224-3.06,2.754-4.284,3.978l-91.8,91.799\n\t\t\tc-43.146,43.146-43.146,113.832,0,156.979c43.146,43.146,113.832,43.146,156.978,0l82.927-83.845\n\t\t\tC230.035,335.719,220.243,334.496,184.135,320.114z" })] }) }) }));
};
export const SVGSplitIcon = (props) => {
const { color, size } = getProps(props);
return _jsx("svg", { fill: color, height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 17 17", children: _jsx("path", { d: "M10.646 13.146l0.707 0.707-2.853 2.854-2.854-2.854 0.707-0.707 1.647 1.647v-3.772h1v3.772l1.646-1.647zM8 2.207v3.772h1v-3.772l1.646 1.646 0.707-0.707-2.853-2.853-2.854 2.853 0.707 0.707 1.647-1.646zM0 8v1h17v-1h-17z" }) });
};
export const HubSpotIcon = (props) => {
const { color, size } = getProps(props);
return _jsx("svg", { fill: color, height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: _jsx("path", { d: "M267.4 211.6c-25.1 23.7-40.8 57.3-40.8 94.6 0 29.3 9.7 56.3 26 78L203.1 434c-4.4-1.6-9.1-2.5-14-2.5-10.8 0-20.9 4.2-28.5 11.8-7.6 7.6-11.8 17.8-11.8 28.6s4.2 20.9 11.8 28.5c7.6 7.6 17.8 11.6 28.5 11.6 10.8 0 20.9-3.9 28.6-11.6 7.6-7.6 11.8-17.8 11.8-28.5 0-4.2-.6-8.2-1.9-12.1l50-50.2c22 16.9 49.4 26.9 79.3 26.9 71.9 0 130-58.3 130-130.2 0-65.2-47.7-119.2-110.2-128.7V116c17.5-7.4 28.2-23.8 28.2-42.9 0-26.1-20.9-47.9-47-47.9S311.2 47 311.2 73.1c0 19.1 10.7 35.5 28.2 42.9v61.2c-15.2 2.1-29.6 6.7-42.7 13.6-27.6-20.9-117.5-85.7-168.9-124.8 1.2-4.4 2-9 2-13.8C129.8 23.4 106.3 0 77.4 0 48.6 0 25.2 23.4 25.2 52.2c0 28.9 23.4 52.3 52.2 52.3 9.8 0 18.9-2.9 26.8-7.6l163.2 114.7zm89.5 163.6c-38.1 0-69-30.9-69-69s30.9-69 69-69 69 30.9 69 69-30.9 69-69 69z" }) });
};
//get icons as html
export const GetSVGLinkIcon = (props) => {
const { color, size } = getProps(props);
return (`<svg fill="${color}" height="${size}" width="${size}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490.16 490.16">
<g>
<g>
<path d="M409.657,32.474c-43.146-43.146-113.832-43.146-156.978,0l-84.763,84.762c29.07-8.262,60.589-6.12,88.129,6.732
l44.063-44.064c17.136-17.136,44.982-17.136,62.118,0c17.136,17.136,17.136,44.982,0,62.118l-55.386,55.386l-36.414,36.414
c-17.136,17.136-44.982,17.136-62.119,0l-47.43,47.43c11.016,11.017,23.868,19.278,37.332,24.48
c36.415,14.382,78.643,8.874,110.467-16.219c3.06-2.447,6.426-5.201,9.18-8.262l57.222-57.222l34.578-34.578
C453.109,146.306,453.109,75.926,409.657,32.474z"/>
<path d="M184.135,320.114l-42.228,42.228c-17.136,17.137-44.982,17.137-62.118,0c-17.136-17.136-17.136-44.981,0-62.118
l91.8-91.799c17.136-17.136,44.982-17.136,62.119,0l47.43-47.43c-11.016-11.016-23.868-19.278-37.332-24.48
c-38.25-15.3-83.232-8.262-115.362,20.502c-1.53,1.224-3.06,2.754-4.284,3.978l-91.8,91.799
c-43.146,43.146-43.146,113.832,0,156.979c43.146,43.146,113.832,43.146,156.978,0l82.927-83.845
C230.035,335.719,220.243,334.496,184.135,320.114z"/>
</g>
</g>
</svg>`);
};
export const GetSVGSplitIcon = (props) => {
const { color, size } = getProps(props);
return `<svg fill="${color}" height="${size}" width="${size}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17">
<path d="M10.646 13.146l0.707 0.707-2.853 2.854-2.854-2.854 0.707-0.707 1.647 1.647v-3.772h1v3.772l1.646-1.647zM8 2.207v3.772h1v-3.772l1.646 1.646 0.707-0.707-2.853-2.853-2.854 2.853 0.707 0.707 1.647-1.646zM0 8v1h17v-1h-17z" />
</svg>`;
};
export function GetSVGCopyIcon(props) {
const { color, size } = getProps(props);
return (`<svg fill="${color}" width="${size}" height="${size}" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M8 2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8ZM7 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4ZM4 6a2 2 0 0 1 1-1.73V14.5A2.5 2.5 0 0 0 7.5 17h6.23A2 2 0 0 1 12 18H7.5A3.5 3.5 0 0 1 4 14.5V6Z"></path>
</svg>`);
}
export const SalesforceIcon = (props) => {
const { color, size } = getProps(props);
return _jsx("svg", { fill: color, height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 300.000000 211.000000", preserveAspectRatio: "xMidYMid meet", children: _jsxs("g", { transform: "translate(0.000000,211.000000) scale(0.100000,-0.100000)", fill: color, stroke: "none", children: [_jsx("path", { d: "M722 2059 c-217 -21 -427 -220 -463 -441 -13 -73 -5 -208 15 -264 7 -21 12 -47 10 -57 -1 -10 -36 -51 -77 -91 -57 -56 -84 -92 -113 -152 -39 -78 -39 -80 -39 -199 0 -119 0 -120 39 -198 89 -178 257 -279 451 -270 80 3 92 -4 127 -76 35 -73 140 -171 228 -213 235 -111 496 -35 642 190 23 36 50 65 63 68 12 3 48 -2 79 -11 41 -12 85 -16 149 -13 130 4 205 40 305 146 l73 77 122 1 c102 2 134 6 195 27 201 69 333 206 397 409 44 139 32 304 -32 443 -71 155 -253 300 -421 334 -82 17 -200 13 -287 -9 -43 -11 -85 -20 -93 -20 -9 0 -46 34 -84 75 -79 85 -131 123 -214 156 -49 19 -77 23 -169 23 -132 0 -187 -18 -291 -94 -37 -28 -73 -50 -80 -50 -8 0 -38 22 -67 48 -149 135 -276 179 -465 161z m1077 -684 c19 -19 4 -65 -26 -80 -34 -17 -13 -41 24 -27 75 28 135 22 188 -20 l28 -22 19 27 c18 25 25 27 94 27 41 0 83 -5 93 -12 14 -9 27 -8 58 4 49 20 127 16 154 -8 19 -17 21 -17 51 0 18 11 52 19 83 20 81 2 128 -41 142 -129 4 -27 0 -38 -21 -60 -25 -25 -26 -29 -12 -44 20 -22 20 -55 1 -75 -8 -8 -39 -18 -69 -21 -43 -6 -63 -3 -101 14 -46 20 -49 21 -74 4 -35 -24 -126 -23 -166 1 -49 29 -67 62 -73 132 -4 53 -8 64 -23 64 -21 0 -32 -28 -34 -95 -4 -81 -4 -83 -21 -99 -26 -26 -63 -20 -82 14 l-17 29 -26 -25 c-15 -14 -46 -30 -70 -35 -103 -24 -181 35 -191 146 -2 22 -8 40 -13 40 -5 0 -21 -55 -36 -123 -15 -67 -33 -130 -40 -139 -8 -9 -31 -24 -52 -33 -46 -21 -94 -14 -114 17 -14 21 -13 25 14 50 16 16 38 33 48 39 34 19 10 25 -31 8 -44 -18 -105 -15 -152 9 -29 14 -34 14 -69 -4 -61 -31 -154 -19 -199 26 -22 21 -38 19 -49 -7 -13 -29 -60 -36 -86 -12 -18 16 -20 16 -39 -1 -15 -14 -38 -18 -99 -19 -68 -1 -84 3 -110 22 l-31 23 -31 -23 c-23 -18 -44 -23 -87 -23 -105 0 -153 48 -106 105 l26 30 -21 26 c-31 40 -28 96 8 136 28 31 33 33 95 32 48 -1 72 -7 93 -22 l27 -20 29 21 c41 31 143 31 186 -1 16 -12 33 -22 36 -22 3 0 5 24 5 53 0 64 20 97 59 97 40 0 54 -22 58 -93 2 -33 6 -63 8 -66 3 -2 13 3 23 12 60 55 149 57 208 5 l34 -30 21 26 c37 47 138 56 197 18 20 -13 25 -13 44 4 11 11 32 37 46 59 25 41 41 55 77 67 28 9 77 1 94 -17z" }), _jsx("path", { d: "M960 1175 l0 -195 30 0 30 0 0 195 0 195 -30 0 -30 0 0 -195z" }), _jsx("path", { d: "M1681 1353 c-12 -10 -28 -36 -36 -58 -10 -32 -18 -39 -34 -37 -12 2 -21 -1 -21 -7 0 -5 -3 -16 -6 -25 -5 -12 0 -16 21 -16 20 0 25 -4 21 -17 -3 -10 -14 -69 -25 -131 -25 -139 -33 -155 -72 -150 -21 3 -30 0 -35 -14 -8 -27 3 -38 39 -38 39 0 72 21 91 58 8 15 24 87 37 160 l23 132 33 0 c29 0 33 3 33 26 0 23 -3 25 -30 19 -35 -8 -40 7 -14 43 9 14 26 22 43 22 26 0 41 15 41 41 0 17 -87 10 -109 -8z" }), _jsx("path", { d: "M479 1231 c-16 -16 -29 -39 -29 -50 0 -31 40 -69 95 -89 37 -13 50 -23 50 -37 0 -16 -8 -21 -43 -23 -27 -2 -53 3 -67 12 -24 16 -27 15 -38 -17 -9 -24 45 -47 106 -47 62 0 97 29 97 79 0 45 -17 63 -85 88 -37 14 -50 24 -50 38 0 16 8 21 37 23 20 2 46 -2 57 -8 16 -8 22 -7 31 9 14 27 14 28 -21 40 -59 20 -108 14 -140 -18z" }), _jsx("path", { d: "M722 1250 c-17 -7 -22 -16 -20 -32 2 -14 9 -22 18 -19 81 20 130 9 130 -29 0 -15 -6 -17 -39 -13 -69 9 -131 -37 -131 -98 0 -11 14 -34 31 -51 30 -30 32 -31 106 -25 42 3 80 10 86 16 5 5 8 51 5 110 -5 126 -17 143 -105 148 -32 1 -68 -2 -81 -7z m128 -180 c0 -40 0 -40 -39 -40 -54 0 -71 8 -71 34 0 33 19 46 67 46 l43 0 0 -40z" }), _jsx("path", { d: "M1128 1244 c-78 -42 -84 -191 -9 -241 37 -25 109 -31 156 -13 22 8 24 13 15 29 -8 17 -17 19 -62 14 -58 -6 -94 13 -100 51 -3 18 4 19 87 20 l90 1 -3 35 c-2 19 -8 48 -14 63 -20 52 -102 73 -160 41z m106 -56 c9 -12 16 -26 16 -30 0 -5 -27 -8 -60 -8 -45 0 -60 3 -60 14 0 45 77 62 104 24z" }), _jsx("path", { d: "M1376 1238 c-59 -53 -35 -112 59 -146 37 -13 50 -23 50 -37 0 -16 -8 -21 -43 -23 -27 -2 -53 3 -66 12 -22 14 -24 13 -35 -10 -10 -23 -8 -26 24 -40 87 -36 175 -4 177 64 1 42 -22 65 -87 89 -37 14 -50 24 -50 38 0 16 8 21 37 23 20 2 47 -2 58 -8 25 -13 25 -13 34 16 5 18 1 24 -25 33 -53 18 -105 14 -133 -11z" }), _jsx("path", { d: "M1818 1244 c-15 -8 -35 -28 -43 -44 -19 -37 -19 -123 0 -160 41 -79 169 -78 210 1 21 40 21 118 1 157 -29 57 -109 79 -168 46z m107 -54 c12 -13 17 -35 17 -70 0 -59 -21 -90 -60 -90 -44 0 -62 26 -62 88 0 64 18 92 60 92 15 0 35 -9 45 -20z" }), _jsx("path", { d: "M1860 1161 c-16 -32 -12 -79 8 -90 26 -14 42 5 42 49 0 54 -30 78 -50 41z" }), _jsx("path", { d: "M2050 1119 l0 -140 28 3 c27 3 27 3 32 100 5 106 13 121 59 121 21 0 31 6 35 20 3 11 3 24 0 29 -8 13 -46 9 -76 -6 -24 -13 -28 -13 -28 0 0 8 -10 14 -25 14 l-25 0 0 -141z" }), _jsx("path", { d: "M2295 1250 c-43 -17 -68 -58 -73 -117 -9 -103 49 -160 150 -151 57 6 59 7 52 35 -5 20 -11 21 -54 16 -65 -8 -90 16 -90 87 0 69 25 94 87 87 39 -4 46 -2 52 17 5 13 4 24 -3 28 -15 10 -96 9 -121 -2z" }), _jsx("path", { d: "M2511 1247 c-88 -45 -93 -195 -9 -247 26 -17 45 -20 95 -18 70 4 77 8 69 36 -6 18 -13 19 -65 15 -54 -5 -59 -4 -79 22 -37 47 -31 52 69 47 l92 -5 -5 54 c-5 43 -11 58 -37 81 -35 31 -87 37 -130 15z m96 -49 c31 -41 25 -48 -42 -48 -57 0 -64 2 -58 18 11 32 25 42 58 42 18 0 37 -6 42 -12z" }), _jsx("path", { d: "M650 1185 c-23 -24 -23 -26 -7 -43 32 -31 72 14 45 51 -13 17 -15 17 -38 -8z" }), _jsx("path", { d: "M1533 1181 l-22 -18 28 -27 c15 -14 30 -26 33 -26 12 0 18 51 8 70 -13 24 -19 24 -47 1z" }), _jsx("path", { d: "M2326 1164 c-21 -20 -20 -68 0 -89 10 -10 29 -15 48 -13 29 3 32 7 40 52 7 37 6 50 -5 57 -22 14 -66 10 -83 -7z" }), _jsx("path", { d: "M1306 1085 c-27 -21 -28 -23 -10 -33 15 -8 25 -5 47 14 25 21 26 24 10 33 -14 7 -25 3 -47 -14z" })] }) });
};
export const NetSuiteIcon = (props) => {
const { color, size } = getProps(props);
return _jsxs("svg", { height: size, width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0.2 150 150", children: [_jsx("rect", { width: "120.6", height: "115.7", fill: color }), _jsxs("g", { transform: "translate(-14.6 -15.8)", children: [_jsx("path", { d: "M20.1 47.7h23.7V104h11.8v22H20.1zm109.7 51.8h-23.7V43.2H94.3v-22h35.5z", fill: "#baccdb" }), _jsx("path", { d: "M14.6 15.8h74.9v64.3L60.7 43H14.6zm120.6 115.7H60.3V67.2l28.8 37.1h46.1", fill: "#125580" })] })] });
};
/** @deprecated unsafe use IconToSVGAsync instead */
export function IconToSVG(icon) {
const iconDiv = document.createElement('div');
const root = createRoot(iconDiv);
flushSync(() => {
root.render(icon);
});
return iconDiv.innerHTML;
}
export function IconToSVGAsync(icon) {
//wrap in a timeout to relase any sycn react render and prevent conflict/fail
return new Promise(resolve => {
window.setTimeout(() => {
resolve(IconToSVG(icon));
}, 1);
});
}
//# sourceMappingURL=svg.js.map