@impossiblefinance/uikit
Version:
Set of UI components for impossible projects
422 lines (374 loc) • 452 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var styled = require('styled-components');
var styledSystem = require('styled-system');
var get = require('lodash/get');
var reactLottiePlayer = require('@lottiefiles/react-lottie-player');
var noop = require('lodash/noop');
var debounce = require('lodash/debounce');
var throttle = require('lodash/throttle');
var reactRouterDom = require('react-router-dom');
var reactTransitionGroup = require('react-transition-group');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
var noop__default = /*#__PURE__*/_interopDefaultLegacy(noop);
var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __spreadArray(to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
to[j] = from[i];
return to;
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
}
var getThemeValue = function (path, fallback) { return function (theme) {
return get__default['default'](theme, path, fallback);
}; };
var rotate = styled.keyframes(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"], ["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
var spinStyle = styled.css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n animation: ", " 2s linear infinite;\n"], ["\n animation: ", " 2s linear infinite;\n"])), rotate);
var Svg = styled__default['default'].svg(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n fill: ", ";\n flex-shrink: 0;\n\n ", "\n ", "\n"], ["\n fill: ", ";\n flex-shrink: 0;\n\n ", "\n ", "\n"])), function (_a) {
var theme = _a.theme, color = _a.color;
return getThemeValue("colors." + color, color)(theme);
}, function (_a) {
var spin = _a.spin;
return spin && spinStyle;
}, styledSystem.space);
Svg.defaultProps = {
color: 'text',
width: '20px',
xmlns: 'http://www.w3.org/2000/svg',
spin: false,
};
var templateObject_1$Q, templateObject_2$i, templateObject_3$a;
var Icon$1i = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM15.88 8.29L10 14.17L8.12 12.29C7.73 11.9 7.1 11.9 6.71 12.29C6.32 12.68 6.32 13.31 6.71 13.7L9.3 16.29C9.69 16.68 10.32 16.68 10.71 16.29L17.3 9.7C17.69 9.31 17.69 8.68 17.3 8.29C16.91 7.9 16.27 7.9 15.88 8.29Z" })));
};
var Icon$1h = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M12 7C12.55 7 13 7.45 13 8V12C13 12.55 12.55 13 12 13C11.45 13 11 12.55 11 12V8C11 7.45 11.45 7 12 7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM13 17H11V15H13V17Z" })));
};
var Icon$1g = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22ZM12 4C16.42 4 20 7.58 20 12C20 13.85 19.37 15.55 18.31 16.9L7.1 5.69C8.45 4.63 10.15 4 12 4ZM5.69 7.1L16.9 18.31C15.55 19.37 13.85 20 12 20C7.58 20 4 16.42 4 12C4 10.15 4.63 8.45 5.69 7.1Z" })));
};
var Icon$1f = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M11 7H13V9H11V7ZM12 17C12.55 17 13 16.55 13 16V12C13 11.45 12.55 11 12 11C11.45 11 11 11.45 11 12V16C11 16.55 11.45 17 12 17ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" })));
};
var IF = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 27 28" }, props, { width: "38px" }),
React__default['default'].createElement("circle", { cx: "13.4717", cy: "13", r: "13", fill: "#050A5A" }),
React__default['default'].createElement("path", { d: "M9.18792 9.86806C10.4058 9.86806 11.3932 8.88558 11.3932 7.67362C11.3932 6.46167 10.4058 5.47919 9.18792 5.47919C7.96999 5.47919 6.98267 6.46167 6.98267 7.67362C6.98267 8.88558 7.96999 9.86806 9.18792 9.86806Z", fill: "white" }),
React__default['default'].createElement("path", { d: "M19.2879 9.8681H16.2337C15.8588 9.8681 15.55 9.56088 15.55 9.18783V6.14854C15.55 5.77548 15.8588 5.46826 16.2337 5.46826H19.2879C19.6628 5.46826 19.9716 5.77548 19.9716 6.14854V9.18783C19.9716 9.57185 19.6628 9.8681 19.2879 9.8681Z", fill: "#00FFB9" }),
React__default['default'].createElement("path", { d: "M11.3932 11.743H11.2609H7.90891C7.39068 11.743 6.97168 12.16 6.97168 12.6757V16.1429V19.5991C6.97168 20.1148 7.39068 20.5318 7.90891 20.5318H10.456C10.9742 20.5318 11.3932 20.1148 11.3932 19.5991V17.0755C11.3932 16.5598 11.8122 16.1429 12.3304 16.1429H14.7452C15.2634 16.1429 15.6824 15.7259 15.6824 15.2103V12.6757C15.6824 12.16 15.2634 11.743 14.7452 11.743H11.3932Z", fill: "#00DAFF" })));
};
var getColor$1 = function (_a) {
var color = _a.color, theme = _a.theme;
return getThemeValue("colors." + color, color)(theme);
};
var getFontSize = function (_a) {
var fontSize = _a.fontSize, small = _a.small;
return small ? '14px' : fontSize || '16px';
};
var Text = styled__default['default'].div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ", "\n ", "\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ", "\n ", "\n"])), getColor$1, getFontSize, function (_a) {
var bold = _a.bold;
return (bold ? 600 : 400);
}, function (_a) {
var textTransform = _a.textTransform;
return textTransform && "text-transform: " + textTransform + ";";
}, styledSystem.space, styledSystem.typography);
Text.defaultProps = {
color: 'text',
small: false,
};
var templateObject_1$P;
var getExternalLinkProps = function () { return ({
target: '_blank',
rel: 'noreferrer noopener',
}); };
var scales$4 = {
MD: 'md',
SM: 'sm',
XS: 'xs',
};
var variants$1 = {
PRIMARY: 'primary',
SECONDARY: 'secondary',
TERTIARY: 'tertiary',
TEXT: 'text',
DANGER: 'danger',
SUBTLE: 'subtle',
SUCCESS: 'success',
TOAST_ACTION: 'toastAction',
};
var _a$2, _b;
var scaleVariants = (_a$2 = {},
_a$2[scales$4.MD] = {
height: '48px',
padding: '0 24px',
},
_a$2[scales$4.SM] = {
height: '32px',
padding: '0 16px',
},
_a$2[scales$4.XS] = {
height: '20px',
fontSize: '12px',
padding: '0 8px',
},
_a$2);
var styleVariants = (_b = {},
_b[variants$1.PRIMARY] = {
backgroundColor: 'primary',
color: 'white',
},
_b[variants$1.SECONDARY] = {
backgroundColor: 'transparent',
border: '2px solid',
borderColor: 'primary',
boxShadow: 'none',
color: 'primary',
':disabled': {
backgroundColor: 'transparent',
},
},
_b[variants$1.TERTIARY] = {
backgroundColor: 'tertiary',
boxShadow: 'none',
color: 'text',
},
_b[variants$1.SUBTLE] = {
backgroundColor: 'textSubtle',
color: 'white',
},
_b[variants$1.DANGER] = {
backgroundColor: 'failure',
color: 'white',
},
_b[variants$1.SUCCESS] = {
backgroundColor: 'success',
color: 'white',
},
_b[variants$1.TEXT] = {
backgroundColor: 'transparent',
color: 'text',
boxShadow: 'none',
},
_b[variants$1.TOAST_ACTION] = {
backgroundColor: 'transparent',
color: 'text',
boxShadow: 'none',
padding: 0,
},
_b);
var getDisabledStyles = function (_a) {
var isLoading = _a.isLoading, theme = _a.theme;
if (isLoading === true) {
return "\n &:disabled,\n &.pancake-button--disabled {\n cursor: not-allowed;\n }\n ";
}
return "\n &:disabled,\n &.pancake-button--disabled {\n background-color: " + theme.colors.backgroundDisabled + ";\n border-color: " + theme.colors.backgroundDisabled + ";\n box-shadow: none;\n color: " + theme.colors.textDisabled + ";\n cursor: not-allowed;\n }\n ";
};
var getOpacity = function (_a) {
var _b = _a.$isLoading, $isLoading = _b === void 0 ? false : _b;
return $isLoading ? '.5' : '1';
};
var StyledButton = styled__default['default'].button(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n align-items: center;\n border: 0;\n border-radius: 16px;\n cursor: pointer;\n display: inline-flex;\n font-family: inherit;\n font-size: 16px;\n font-weight: 500;\n justify-content: center;\n letter-spacing: 0.03em;\n line-height: 1;\n opacity: ", ";\n outline: 0;\n transition: background-color 0.2s;\n\n &:hover:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled):not(:active) {\n opacity: 0.65;\n }\n\n &:active:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled) {\n opacity: 0.85;\n }\n\n text-decoration: none;\n ", "\n ", "\n ", "\n ", "\n ", "\n\n"], ["\n align-items: center;\n border: 0;\n border-radius: 16px;\n cursor: pointer;\n display: inline-flex;\n font-family: inherit;\n font-size: 16px;\n font-weight: 500;\n justify-content: center;\n letter-spacing: 0.03em;\n line-height: 1;\n opacity: ", ";\n outline: 0;\n transition: background-color 0.2s;\n\n &:hover:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled):not(:active) {\n opacity: 0.65;\n }\n\n &:active:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled) {\n opacity: 0.85;\n }\n\n text-decoration: none;\n ", "\n ",
"\n ",
"\n ", "\n ", "\n\n"])), getOpacity, getDisabledStyles, styledSystem.variant({
prop: 'scale',
variants: scaleVariants,
}), styledSystem.variant({
variants: styleVariants,
}), styledSystem.layout, styledSystem.space);
var templateObject_1$O;
var Button = function (props) {
var startIcon = props.startIcon, endIcon = props.endIcon, external = props.external, className = props.className, isLoading = props.isLoading, disabled = props.disabled, children = props.children, rest = __rest(props, ["startIcon", "endIcon", "external", "className", "isLoading", "disabled", "children"]);
var internalProps = external ? getExternalLinkProps() : {};
var isDisabled = isLoading || disabled;
var classNames = className ? [className] : [];
if (isLoading) {
classNames.push('pancake-button--loading');
}
if (isDisabled && !isLoading) {
classNames.push('pancake-button--disabled');
}
return (React__default['default'].createElement(StyledButton, __assign({ "$isLoading": isLoading, className: classNames.join(' '), disabled: isDisabled }, internalProps, rest),
React__default['default'].createElement(React__default['default'].Fragment, null,
React.isValidElement(startIcon) &&
React.cloneElement(startIcon, {
mr: '0.5rem',
}),
children,
React.isValidElement(endIcon) &&
React.cloneElement(endIcon, {
ml: '0.5rem',
}))));
};
Button.defaultProps = {
isLoading: false,
external: false,
variant: variants$1.PRIMARY,
scale: scales$4.MD,
disabled: false,
};
var IconButton = styled__default['default'](Button)(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n padding: 0;\n width: ", ";\n"], ["\n padding: 0;\n width: ", ";\n"])), function (_a) {
var scale = _a.scale;
return (scale === 'sm' ? '32px' : '48px');
});
var templateObject_1$N;
var Icon$1e = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 14 14" }, props),
React__default['default'].createElement("path", { d: "M13 8L8 8V13C8 13.55 7.55 14 7 14C6.45 14 6 13.55 6 13V8L1 8C0.45 8 0 7.55 0 7C0 6.45 0.45 6 1 6L6 6V1C6 0.45 6.45 0 7 0C7.55 0 8 0.45 8 1V6L13 6C13.55 6 14 6.45 14 7C14 7.55 13.55 8 13 8Z", fill: "#1FC7D4" })));
};
var Icon$1d = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M19 11H7.82998L12.71 6.12C13.1 5.73 13.1 5.09 12.71 4.7C12.32 4.31 11.69 4.31 11.3 4.7L4.70998 11.29C4.31998 11.68 4.31998 12.31 4.70998 12.7L11.3 19.29C11.69 19.68 12.32 19.68 12.71 19.29C13.1 18.9 13.1 18.27 12.71 17.88L7.82998 13H19C19.55 13 20 12.55 20 12C20 11.45 19.55 11 19 11Z" })));
};
var Icon$1c = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 25" }, props),
React__default['default'].createElement("path", { d: "M11 5V16.17L6.11997 11.29C5.72997 10.9 5.08997 10.9 4.69997 11.29C4.30997 11.68 4.30997 12.31 4.69997 12.7L11.29 19.29C11.68 19.68 12.31 19.68 12.7 19.29L19.29 12.7C19.68 12.31 19.68 11.68 19.29 11.29C18.9 10.9 18.27 10.9 17.88 11.29L13 16.17V5C13 4.45 12.55 4 12 4C11.45 4 11 4.45 11 5Z" })));
};
var Icon$1b = function (props) {
var fill = props.fill;
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M8.71005 11.71L11.3001 14.3C11.6901 14.69 12.3201 14.69 12.7101 14.3L15.3001 11.71C15.9301 11.08 15.4801 10 14.5901 10H9.41005C8.52005 10 8.08005 11.08 8.71005 11.71Z", fill: fill })));
};
var Icon$1a = function (props) {
var fill = props.fill;
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M8.71005 12.29L11.3001 9.69997C11.6901 9.30997 12.3201 9.30997 12.7101 9.69997L15.3001 12.29C15.9301 12.92 15.4801 14 14.5901 14H9.41005C8.52005 14 8.08005 12.92 8.71005 12.29Z", fill: fill })));
};
var Icon$19 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 25" }, props),
React__default['default'].createElement("path", { d: "M5 13.0022H16.17L11.29 17.8822C10.9 18.2722 10.9 18.9122 11.29 19.3022C11.68 19.6922 12.31 19.6922 12.7 19.3022L19.29 12.7122C19.68 12.3222 19.68 11.6922 19.29 11.3022L12.71 4.70217C12.32 4.31217 11.69 4.31217 11.3 4.70217C10.91 5.09217 10.91 5.72217 11.3 6.11217L16.17 11.0022H5C4.45 11.0022 4 11.4522 4 12.0022C4 12.5522 4.45 13.0022 5 13.0022Z" })));
};
var Icon$18 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M12 6V7.79C12 8.24 12.54 8.46 12.85 8.14L15.64 5.35C15.84 5.15 15.84 4.84 15.64 4.64L12.85 1.85C12.54 1.54 12 1.76 12 2.21V4C7.58 4 4 7.58 4 12C4 13.04 4.2 14.04 4.57 14.95C4.84 15.62 5.7 15.8 6.21 15.29C6.48 15.02 6.59 14.61 6.44 14.25C6.15 13.56 6 12.79 6 12C6 8.69 8.69 6 12 6ZM17.79 8.71C17.52 8.98 17.41 9.4 17.56 9.75C17.84 10.45 18 11.21 18 12C18 15.31 15.31 18 12 18V16.21C12 15.76 11.46 15.54 11.15 15.86L8.36 18.65C8.16 18.85 8.16 19.16 8.36 19.36L11.15 22.15C11.46 22.46 12 22.24 12 21.8V20C16.42 20 20 16.42 20 12C20 10.96 19.8 9.96 19.43 9.05C19.16 8.38 18.3 8.2 17.79 8.71Z" })));
};
var Icon$17 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
React__default['default'].createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#F0B90B" }),
React__default['default'].createElement("path", { d: "M5.01656 8.00006L3.79256 9.23256L2.56006 8.00006L3.79256 6.76756L5.01656 8.00006ZM8.00006 5.01656L10.1081 7.12456L11.3406 5.89206L9.23256 3.79256L8.00006 2.56006L6.76756 3.79256L4.66806 5.89206L5.90056 7.12456L8.00006 5.01656ZM12.2076 6.76756L10.9836 8.00006L12.2161 9.23256L13.4401 8.00006L12.2076 6.76756ZM8.00006 10.9836L5.89206 8.87556L4.66806 10.1081L6.77606 12.2161L8.00006 13.4401L9.23256 12.2076L11.3406 10.0996L10.1081 8.87556L8.00006 10.9836ZM8.00006 9.23256L9.23256 8.00006L8.00006 6.76756L6.76756 8.00006L8.00006 9.23256Z", fill: "#FFFDFA" })));
};
var Icon$16 = function (props) {
var theme = styled.useTheme();
var primaryColor = theme.isDark ? '#3C3742' : '#e9eaeb';
var secondaryColor = theme.isDark ? '#666171' : '#bdc2c4';
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 72 72" }, props),
React__default['default'].createElement("path", { d: "M72 36C72 55.8823 55.8823 72 36 72C16.1177 72 0 55.8823 0 36C0 16.1177 16.1177 0 36 0C55.8823 0 72 16.1177 72 36Z", fill: primaryColor }),
React__default['default'].createElement("mask", { id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: "3", y: "3", width: "66", height: "66" },
React__default['default'].createElement("path", { d: "M68.25 36C68.25 53.8112 53.8112 68.25 36 68.25C18.1888 68.25 3.75 53.8112 3.75 36C3.75 18.1888 18.1888 3.75 36 3.75C53.8112 3.75 68.25 18.1888 68.25 36Z", fill: "#C4C4C4" })),
React__default['default'].createElement("g", { mask: "url(#mask0)" },
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9927 23.2654C26.1289 23.1362 30.0824 27.7278 29.2039 32.7879L27.6838 41.5445C30.2298 41.0514 32.9304 40.7875 35.7229 40.7875C37.7063 40.7875 39.6424 40.9206 41.5089 41.1741L49.2862 29.5726C51.7713 25.8657 56.7909 24.8751 60.4978 27.3602C64.7827 30.2326 65.3155 36.33 61.5938 39.9021L55.2585 45.9828C59.9045 49.0009 63.1305 53.2977 63.1306 58.4066V62.322C63.1306 67.644 59.6097 72.0998 54.6877 75.1077C49.7272 78.1391 43.0165 79.9412 35.7229 79.9412C28.4292 79.9412 21.7186 78.1391 16.7581 75.1077C11.836 72.0998 8.31519 67.644 8.31519 62.322V58.4067C8.31522 54.4286 10.2963 50.9169 13.3384 48.1585L13.0101 31.6154C12.9208 27.115 16.4929 23.3785 20.9927 23.2654ZM15.617 49.1514C15.6003 49.0112 15.5903 48.8688 15.5874 48.7246L15.2471 31.571C15.1822 28.3014 17.7798 25.5842 21.049 25.502C24.7712 25.4084 27.637 28.733 26.9996 32.4052L24.8971 44.5163C25.6681 44.2915 26.4607 44.0899 27.2726 43.9131C29.9138 43.338 32.7585 43.0248 35.7229 43.0248C38.1625 43.0248 40.5211 43.237 42.7519 43.6326C42.8725 43.2609 43.0459 42.8995 43.2742 42.5589L51.1446 30.8185C52.9416 28.1379 56.5714 27.4216 59.252 29.2186C62.3505 31.2957 62.7358 35.7049 60.0446 38.2879L51.5469 46.4441C52.264 46.7988 52.9486 47.1771 53.5975 47.577C58.1074 50.3568 60.8932 54.1829 60.8932 58.4066V62.322C60.8932 70.8172 49.6241 77.7039 35.7229 77.7039C21.8217 77.7039 10.5525 70.8172 10.5525 62.322V58.4067C10.5526 54.9322 12.4377 51.7266 15.617 49.1514Z", fill: secondaryColor }),
React__default['default'].createElement("path", { d: "M60.8932 62.3221C60.8932 70.8173 49.624 77.704 35.7228 77.704C21.8216 77.704 10.5525 70.8173 10.5525 62.3221V58.4067H60.8932V62.3221Z", fill: primaryColor }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.9995 32.4051C27.637 28.733 24.7711 25.4083 21.0489 25.5019C17.7797 25.5842 15.1821 28.3013 15.247 31.5709L15.5874 48.7245C15.5903 48.8687 15.6002 49.0111 15.617 49.1513C12.4376 51.7266 10.5525 54.9321 10.5525 58.4066C10.5525 66.9018 21.8216 73.7885 35.7228 73.7885C49.624 73.7885 60.8932 66.9018 60.8932 58.4066C60.8932 53.5752 57.2481 49.264 51.5468 46.444L60.0445 38.2879C62.7358 35.7048 62.3504 31.2956 59.252 29.2185C56.5714 27.4215 52.9416 28.1378 51.1446 30.8184L43.2742 42.5588C43.0458 42.8994 42.8724 43.2609 42.7519 43.6326C40.521 43.2369 38.1625 43.0248 35.7228 43.0248C31.8473 43.0248 28.1763 43.56 24.897 44.5162L26.9995 32.4051Z", fill: primaryColor }),
React__default['default'].createElement("path", { d: "M32.0873 57.2881C32.0873 59.6049 30.8352 61.4831 29.2906 61.4831C27.746 61.4831 26.4939 59.6049 26.4939 57.2881C26.4939 54.9712 27.746 53.093 29.2906 53.093C30.8352 53.093 32.0873 54.9712 32.0873 57.2881Z", fill: secondaryColor }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M28.891 54.0353C29.461 54.8903 29.8499 56.1359 29.8499 57.5677C29.8499 58.1855 30.3508 58.6864 30.9686 58.6864C31.5864 58.6864 32.0873 58.1855 32.0873 57.5677C32.0873 55.7558 31.5997 54.0649 30.7526 52.7943C29.9107 51.5314 28.6248 50.5759 27.0532 50.5759C25.4816 50.5759 24.1957 51.5314 23.3538 52.7943C22.5067 54.0649 22.0191 55.7558 22.0191 57.5677C22.0191 58.55 22.1622 59.4908 22.4244 60.3463C22.6055 60.937 23.2311 61.2691 23.8218 61.088C24.4125 60.9069 24.7446 60.2813 24.5635 59.6906C24.3685 59.0543 24.2565 58.3349 24.2565 57.5677C24.2565 56.1359 24.6454 54.8903 25.2154 54.0353C25.7906 53.1725 26.4624 52.8133 27.0532 52.8133C27.644 52.8133 28.3158 53.1725 28.891 54.0353Z", fill: secondaryColor }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.1883 54.0353C48.7582 54.8903 49.1472 56.1359 49.1472 57.5677C49.1472 58.1855 49.648 58.6864 50.2658 58.6864C50.8837 58.6864 51.3845 58.1855 51.3845 57.5677C51.3845 55.7558 50.8969 54.0649 50.0498 52.7943C49.208 51.5314 47.9221 50.5759 46.3505 50.5759C44.7788 50.5759 43.4929 51.5314 42.6511 52.7943C41.804 54.0649 41.3164 55.7558 41.3164 57.5677C41.3164 58.55 41.4594 59.4908 41.7216 60.3463C41.9027 60.937 42.5284 61.2691 43.1191 61.088C43.7098 60.9069 44.0418 60.2813 43.8608 59.6906C43.6657 59.0543 43.5538 58.3349 43.5538 57.5677C43.5538 56.1359 43.9427 54.8903 44.5127 54.0353C45.0879 53.1725 45.7597 52.8133 46.3505 52.8133C46.9412 52.8133 47.613 53.1725 48.1883 54.0353Z", fill: secondaryColor }),
React__default['default'].createElement("path", { d: "M51.3844 57.2881C51.3844 59.6049 50.1323 61.4831 48.5877 61.4831C47.0431 61.4831 45.791 59.6049 45.791 57.2881C45.791 54.9712 47.0431 53.093 48.5877 53.093C50.1323 53.093 51.3844 54.9712 51.3844 57.2881Z", fill: secondaryColor }),
React__default['default'].createElement("path", { d: "M34.0221 25.9463V25.2697C34.0221 24.32 34.2121 23.5247 34.5919 22.8836C34.9956 22.2426 35.5297 21.6134 36.1945 20.9961C36.8118 20.4026 37.4172 19.8921 38.0108 19.4648C38.6043 19.0374 39.091 18.5863 39.4709 18.1115C39.8508 17.6367 40.0407 17.0787 40.0407 16.4377C40.0407 15.5118 39.7083 14.8589 39.0436 14.479C38.4025 14.0754 37.3223 13.8736 35.8028 13.8736C34.8056 13.8736 33.8203 14.0041 32.8469 14.2653C31.8735 14.5027 31.0425 14.8114 30.354 15.1912V10.3835C31.2325 9.95615 32.2652 9.61189 33.4523 9.35073C34.6632 9.08957 35.9808 8.95898 37.4054 8.95898C40.1594 8.95898 42.2606 9.5644 43.7088 10.7752C45.1571 11.9623 45.8812 13.6005 45.8812 15.6898C45.8812 17.0194 45.6082 18.0996 45.0621 18.9306C44.5161 19.7378 43.7207 20.5688 42.6761 21.4235C41.7976 22.1595 41.0616 22.8005 40.4681 23.3466C39.8745 23.8689 39.5777 24.5812 39.5777 25.4834V25.9463H34.0221ZM33.7728 32.2498V28.1187H39.7914V32.2498H33.7728Z", fill: secondaryColor })),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.9838 37.09L69.7348 37.0231C69.7449 36.6834 69.75 36.3423 69.75 36C69.75 35.6577 69.7449 35.3166 69.7348 34.9769L71.9838 34.91C71.9946 35.272 72 35.6354 72 36C72 36.3646 71.9946 36.728 71.9838 37.09ZM71.8544 32.7398L69.6134 32.941C69.5523 32.2603 69.471 31.5857 69.3702 30.9176L71.5949 30.5818C71.7025 31.2945 71.7892 32.014 71.8544 32.7398ZM71.2052 28.4414L69.0048 28.9115C68.8622 28.2441 68.6999 27.5841 68.5185 26.932L70.6861 26.3289C70.8798 27.0248 71.053 27.7292 71.2052 28.4414ZM70.0397 24.2525L67.9128 24.9864C67.6906 24.3424 67.4494 23.7072 67.1899 23.0815L69.2683 22.2196C69.5452 22.8874 69.8026 23.5652 70.0397 24.2525ZM68.3746 20.237L66.3524 21.2235C66.0538 20.6114 65.7373 20.0097 65.4034 19.419L67.3622 18.3119C67.7183 18.942 68.0561 19.584 68.3746 20.237ZM66.2353 16.4517L64.347 17.6751C63.977 17.104 63.5901 16.5448 63.1872 15.998L64.9984 14.6631C65.4281 15.2462 65.8407 15.8426 66.2353 16.4517ZM63.656 12.952L61.9283 14.3934C61.4925 13.8711 61.0413 13.3621 60.5752 12.8671L62.2132 11.3246C62.7102 11.8523 63.1914 12.3951 63.656 12.952ZM60.6754 9.78678L59.1329 11.4248C58.6379 10.9587 58.1289 10.5074 57.6066 10.0717L59.048 8.34397C59.6049 8.80865 60.1477 9.28984 60.6754 9.78678ZM57.3369 7.00159L56.002 8.8128C55.4552 8.40985 54.896 8.02303 54.3249 7.65302L55.5482 5.76468C56.1574 6.15933 56.7538 6.57187 57.3369 7.00159ZM53.6881 4.63782L52.581 6.5966C51.9903 6.26271 51.3886 5.94615 50.7765 5.64759L51.7629 3.62536C52.416 3.94392 53.058 4.28165 53.6881 4.63782ZM49.7804 2.7317L48.9185 4.81008C48.2928 4.55061 47.6576 4.30943 47.0136 4.08723L47.7475 1.96028C48.4348 2.19743 49.1126 2.4548 49.7804 2.7317ZM45.6711 1.31385L45.068 3.48152C44.4159 3.3001 43.7559 3.13777 43.0885 2.99517L43.5586 0.794831C44.2708 0.947003 44.9752 1.12024 45.6711 1.31385ZM41.4182 0.405049L41.0824 2.62985C40.4143 2.529 39.7397 2.44772 39.059 2.38662L39.2602 0.14563C39.986 0.210778 40.7055 0.297466 41.4182 0.405049ZM37.09 0.0161859C36.728 0.0054207 36.3646 0 36 0C35.6354 0 35.272 0.00542073 34.91 0.016186L34.9769 2.26519C35.3166 2.25509 35.6577 2.25 36 2.25C36.3423 2.25 36.6834 2.25509 37.0231 2.26519L37.09 0.0161859ZM32.7398 0.145631L32.941 2.38662C32.2603 2.44772 31.5857 2.529 30.9176 2.62985L30.5818 0.405049C31.2945 0.297467 32.014 0.210779 32.7398 0.145631ZM28.4414 0.794832L28.9115 2.99517C28.2441 3.13777 27.5841 3.3001 26.932 3.48152L26.3289 1.31386C27.0248 1.12024 27.7292 0.947004 28.4414 0.794832ZM24.2525 1.96028L24.9864 4.08723C24.3424 4.30944 23.7072 4.55061 23.0815 4.81008L22.2196 2.7317C22.8874 2.45481 23.5652 2.19743 24.2525 1.96028ZM20.237 3.62536L21.2235 5.64759C20.6114 5.94616 20.0097 6.26272 19.419 6.5966L18.3119 4.63783C18.942 4.28165 19.584 3.94392 20.237 3.62536ZM16.4517 5.76469L17.6751 7.65302C17.104 8.02303 16.5448 8.40985 15.998 8.81281L14.6631 7.00159C15.2462 6.57188 15.8426 6.15933 16.4517 5.76469ZM12.952 8.34398L14.3934 10.0717C13.8711 10.5075 13.3621 10.9587 12.8671 11.4248L11.3246 9.78679C11.8523 9.28984 12.3951 8.80865 12.952 8.34398ZM9.78678 11.3246L11.4248 12.8671C10.9587 13.3621 10.5074 13.8711 10.0717 14.3934L8.34397 12.952C8.80865 12.3951 9.28984 11.8523 9.78678 11.3246ZM7.00159 14.6631L8.8128 15.998C8.40985 16.5448 8.02303 17.104 7.65302 17.6751L5.76468 16.4518C6.15933 15.8426 6.57187 15.2462 7.00159 14.6631ZM4.63782 18.3119L6.5966 19.419C6.26271 20.0097 5.94615 20.6114 5.64759 21.2235L3.62536 20.2371C3.94392 19.584 4.28165 18.942 4.63782 18.3119ZM2.7317 22.2196L4.81008 23.0815C4.55061 23.7072 4.30943 24.3424 4.08723 24.9864L1.96028 24.2525C2.19743 23.5652 2.4548 22.8874 2.7317 22.2196ZM1.31385 26.3289L3.48152 26.932C3.3001 27.5841 3.13777 28.2441 2.99517 28.9115L0.794831 28.4414C0.947003 27.7292 1.12024 27.0248 1.31385 26.3289ZM0.405049 30.5818L2.62985 30.9176C2.529 31.5857 2.44772 32.2603 2.38662 32.941L0.14563 32.7398C0.210778 32.014 0.297466 31.2945 0.405049 30.5818ZM0.0161859 34.91C0.0054207 35.272 0 35.6354 0 36C0 36.3646 0.00542073 36.728 0.016186 37.09L2.26519 37.0231C2.25509 36.6834 2.25 36.3423 2.25 36C2.25 35.6577 2.25509 35.3166 2.26519 34.9769L0.0161859 34.91ZM0.145631 39.2602L2.38662 39.059C2.44772 39.7397 2.529 40.4143 2.62985 41.0824L0.40505 41.4182C0.297467 40.7055 0.210779 39.986 0.145631 39.2602ZM0.794833 43.5586L2.99517 43.0885C3.13777 43.7559 3.3001 44.4159 3.48152 45.068L1.31386 45.6711C1.12024 44.9752 0.947004 44.2708 0.794833 43.5586ZM1.96028 47.7475L4.08723 47.0136C4.30944 47.6576 4.55061 48.2928 4.81008 48.9185L2.7317 49.7804C2.45481 49.1126 2.19743 48.4348 1.96028 47.7475ZM3.62536 51.763L5.64759 50.7765C5.94616 51.3886 6.26272 51.9903 6.5966 52.581L4.63783 53.6881C4.28165 53.058 3.94392 52.416 3.62536 51.763ZM5.76469 55.5482L7.65302 54.3249C8.02303 54.896 8.40985 55.4552 8.81281 56.002L7.00159 57.3369C6.57188 56.7538 6.15933 56.1574 5.76469 55.5482ZM8.34398 59.048L10.0717 57.6066C10.5075 58.1289 10.9587 58.6379 11.4248 59.1329L9.78679 60.6754C9.28984 60.1477 8.80865 59.6049 8.34398 59.048ZM11.3246 62.2132L12.8671 60.5752C13.3621 61.0413 13.8711 61.4925 14.3934 61.9283L12.952 63.656C12.3951 63.1914 11.8523 62.7102 11.3246 62.2132ZM14.6631 64.9984L15.998 63.1872C16.5448 63.5901 17.104 63.977 17.6751 64.347L16.4518 66.2353C15.8426 65.8407 15.2462 65.4281 14.6631 64.9984ZM18.3119 67.3622L19.419 65.4034C20.0097 65.7373 20.6114 66.0538 21.2235 66.3524L20.2371 68.3746C19.584 68.0561 18.942 67.7184 18.3119 67.3622ZM22.2196 69.2683L23.0815 67.1899C23.7072 67.4494 24.3424 67.6906 24.9864 67.9128L24.2525 70.0397C23.5652 69.8026 22.8874 69.5452 22.2196 69.2683ZM26.3289 70.6861L26.932 68.5185C27.5841 68.6999 28.2441 68.8622 28.9115 69.0048L28.4414 71.2052C27.7292 71.053 27.0248 70.8798 26.3289 70.6861ZM30.5818 71.595L30.9176 69.3702C31.5857 69.471 32.2603 69.5523 32.941 69.6134L32.7398 71.8544C32.014 71.7892 31.2945 71.7025 30.5818 71.595ZM34.91 71.9838L34.9769 69.7348C35.3166 69.7449 35.6577 69.75 36 69.75C36.3423 69.75 36.6834 69.7449 37.0231 69.7348L37.09 71.9838C36.728 71.9946 36.3646 72 36 72C35.6354 72 35.272 71.9946 34.91 71.9838ZM39.2602 71.8544L39.059 69.6134C39.7397 69.5523 40.4143 69.471 41.0824 69.3702L41.4182 71.5949C40.7055 71.7025 39.986 71.7892 39.2602 71.8544ZM43.5586 71.2052L43.0885 69.0048C43.7559 68.8622 44.4159 68.6999 45.068 68.5185L45.6711 70.6861C44.9752 70.8798 44.2708 71.053 43.5586 71.2052ZM47.7475 70.0397L47.0136 67.9128C47.6576 67.6906 48.2928 67.4494 48.9185 67.1899L49.7804 69.2683C49.1126 69.5452 48.4348 69.8026 47.7475 70.0397ZM51.7629 68.3746L50.7765 66.3524C51.3886 66.0538 51.9903 65.7373 52.581 65.4034L53.6881 67.3622C53.058 67.7183 52.416 68.0561 51.7629 68.3746ZM55.5482 66.2353L54.3249 64.347C54.896 63.977 55.4552 63.5901 56.002 63.1872L57.3369 64.9984C56.7538 65.4281 56.1574 65.8407 55.5482 66.2353ZM59.048 63.656L57.6066 61.9283C58.1289 61.4925 58.6379 61.0413 59.1329 60.5752L60.6754 62.2132C60.1477 62.7102 59.6049 63.1914 59.048 63.656ZM62.2132 60.6754L60.5752 59.1329C61.0413 58.6379 61.4925 58.1289 61.9283 57.6066L63.656 59.048C63.1914 59.6049 62.7102 60.1477 62.2132 60.6754ZM64.9984 57.3369L63.1872 56.002C63.5901 55.4552 63.977 54.896 64.347 54.3249L66.2353 55.5482C65.8407 56.1574 65.4281 56.7538 64.9984 57.3369ZM67.3622 53.6881L65.4034 52.581C65.7373 51.9903 66.0538 51.3886 66.3524 50.7765L68.3746 51.7629C68.0561 52.416 67.7184 53.058 67.3622 53.6881ZM69.2683 49.7804L67.1899 48.9185C67.4494 48.2928 67.6906 47.6576 67.9128 47.0136L70.0397 47.7475C69.8026 48.4348 69.5452 49.1126 69.2683 49.7804ZM70.6861 45.6711L68.5185 45.068C68.6999 44.4159 68.8622 43.7559 69.0048 43.0885L71.2052 43.5586C71.053 44.2708 70.8798 44.9752 70.6861 45.6711ZM71.595 41.4182L69.3702 41.0824C69.471 40.4143 69.5523 39.7397 69.6134 39.059L71.8544 39.2602C71.7892 39.986 71.7025 40.7055 71.595 41.4182Z", fill: secondaryColor })));
};
var Icon$15 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M4.5 12H7.5C8.05 12 8.5 11.55 8.5 11V7C8.5 6.45 8.05 6 7.5 6H4.5C3.95 6 3.5 6.45 3.5 7V11C3.5 11.55 3.95 12 4.5 12ZM4.5 19H7.5C8.05 19 8.5 18.55 8.5 18V14C8.5 13.45 8.05 13 7.5 13H4.5C3.95 13 3.5 13.45 3.5 14V18C3.5 18.55 3.95 19 4.5 19ZM10.5 19H13.5C14.05 19 14.5 18.55 14.5 18V14C14.5 13.45 14.05 13 13.5 13H10.5C9.95 13 9.5 13.45 9.5 14V18C9.5 18.55 9.95 19 10.5 19ZM16.5 19H19.5C20.05 19 20.5 18.55 20.5 18V14C20.5 13.45 20.05 13 19.5 13H16.5C15.95 13 15.5 13.45 15.5 14V18C15.5 18.55 15.95 19 16.5 19ZM10.5 12H13.5C14.05 12 14.5 11.55 14.5 11V7C14.5 6.45 14.05 6 13.5 6H10.5C9.95 6 9.5 6.45 9.5 7V11C9.5 11.55 9.95 12 10.5 12ZM15.5 7V11C15.5 11.55 15.95 12 16.5 12H19.5C20.05 12 20.5 11.55 20.5 11V7C20.5 6.45 20.05 6 19.5 6H16.5C15.95 6 15.5 6.45 15.5 7Z" })));
};
var Icon$14 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 18 18" }, props),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.23077 0C0.551034 0 0 0.551034 0 1.23077V7.38462H7.38462V0H1.23077ZM3.15078 1.23077H4.23386V3.15078H6.15385V4.23386H4.23386V6.15385H3.15078V4.23386H1.23077V3.15078H3.15078V1.23077Z", fill: "#E9EBEC" }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.38462 8.61523H0V13.9999C0 15.1044 0.895431 15.9999 2 15.9999H7.38462V8.61523ZM5.04997 10.1841L5.81582 10.9499L4.45816 12.3076L5.81579 13.6652L5.04994 14.4311L3.69231 13.0734L2.33468 14.4311L1.56883 13.6652L2.92646 12.3076L1.5688 10.9499L2.33465 10.1841L3.69231 11.5417L5.04997 10.1841Z", fill: "#E9EBEC" }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7691 0H8.61523V7.38462H15.9999V1.23077C15.9999 0.551034 15.4488 0 14.7691 0ZM14.7691 4.23386V3.15078L9.846 3.15078L9.846 4.23386H14.7691Z", fill: "#E9EBEC" }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.61523 8.61523H15.9999V13.9998C15.9999 15.1044 15.1044 15.9999 13.9999 15.9999H8.61523V8.61523ZM14.4614 10.6643V11.7474L10.1537 11.7474V10.6643L14.4614 10.6643ZM14.4614 13.5935V12.5104L10.1537 12.5104V13.5935H14.4614Z", fill: "#E9EBEC" }),
React__default['default'].createElement("path", { d: "M14.4615 10.6646V11.7476L10.1538 11.7476L10.1538 10.6646L14.4615 10.6646Z", fill: "#616568" }),
React__default['default'].createElement("path", { d: "M14.4615 12.5107V13.5938L10.1538 13.5938L10.1538 12.5107L14.4615 12.5107Z", fill: "#616568" }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.15381 4.23406L6.15381 3.15098L4.23379 3.15098L4.23379 1.23096L3.15071 1.23096L3.15071 3.15098L1.23073 3.15098L1.23073 4.23406L3.15071 4.23406L3.15071 6.15403L4.23379 6.15403L4.23379 4.23406L6.15381 4.23406Z", fill: "#616568" }),
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.81589 10.9502L5.05004 10.1843L3.69239 11.542L2.33473 10.1843L1.56887 10.9502L2.92653 12.3078L1.5689 13.6655L2.33475 14.4313L3.69239 13.0737L5.05002 14.4313L5.81587 13.6655L4.45824 12.3078L5.81589 10.9502Z", fill: "#616568" }),
React__default['default'].createElement("path", { d: "M14.769 3.15088L14.769 4.23396L9.84597 4.23396L9.84597 3.15088L14.769 3.15088Z", fill: "#616568" })));
};
var Icon$13 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 18 13" }, props),
React__default['default'].createElement("path", { d: "M6 10.2001L2.5 6.70007C2.11 6.31007 1.49 6.31007 1.1 6.70007C0.709995 7.09007 0.709995 7.71007 1.1 8.10007L5.29 12.2901C5.68 12.6801 6.31 12.6801 6.7 12.2901L17.3 1.70007C17.69 1.31007 17.69 0.690068 17.3 0.300068C16.91 -0.0899316 16.29 -0.0899316 15.9 0.300068L6 10.2001Z" })));
};
var Icon$12 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M8.11997 9.29006L12 13.1701L15.88 9.29006C16.27 8.90006 16.9 8.90006 17.29 9.29006C17.68 9.68006 17.68 10.3101 17.29 10.7001L12.7 15.2901C12.31 15.6801 11.68 15.6801 11.29 15.2901L6.69997 10.7001C6.30997 10.3101 6.30997 9.68006 6.69997 9.29006C7.08997 8.91006 7.72997 8.90006 8.11997 9.29006Z" })));
};
var Icon$11 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M14.71 15.88L10.83 12L14.71 8.12001C15.1 7.73001 15.1 7.10001 14.71 6.71001C14.32 6.32001 13.69 6.32001 13.3 6.71001L8.70998 11.3C8.31998 11.69 8.31998 12.32 8.70998 12.71L13.3 17.3C13.69 17.69 14.32 17.69 14.71 17.3C15.09 16.91 15.1 16.27 14.71 15.88Z" })));
};
var Icon$10 = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M9.29006 15.88L13.1701 12L9.29006 8.12001C8.90006 7.73001 8.90006 7.10001 9.29006 6.71001C9.68006 6.32001 10.3101 6.32001 10.7001 6.71001L15.2901 11.3C15.6801 11.69 15.6801 12.32 15.2901 12.71L10.7001 17.3C10.3101 17.69 9.68006 17.69 9.29006 17.3C8.91006 16.91 8.90006 16.27 9.29006 15.88Z" })));
};
var Icon$$ = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M8.11997 14.7101L12 10.8301L15.88 14.7101C16.27 15.1001 16.9 15.1001 17.29 14.7101C17.68 14.3201 17.68 13.6901 17.29 13.3001L12.7 8.7101C12.31 8.3201 11.68 8.3201 11.29 8.7101L6.69997 13.3001C6.30997 13.6901 6.30997 14.3201 6.69997 14.7101C7.08997 15.0901 7.72997 15.1001 8.11997 14.7101Z" })));
};
var Icon$_ = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.10997 5.69997C6.71997 5.30997 6.08997 5.30997 5.69997 5.69997C5.30997 6.08997 5.30997 6.71997 5.69997 7.10997L10.59 12L5.69997 16.89C5.30997 17.28 5.30997 17.91 5.69997 18.3C6.08997 18.69 6.71997 18.69 7.10997 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z" })));
};
var Icon$Z = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49996 13.93 8.49996 12C8.49996 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z" })));
};
var Icon$Y = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M12 12.75C13.63 12.75 15.07 13.14 16.24 13.65C17.32 14.13 18 15.21 18 16.38V17C18 17.55 17.55 18 17 18H7C6.45 18 6 17.55 6 17V16.39C6 15.21 6.68 14.13 7.76 13.66C8.93 13.14 10.37 12.75 12 12.75ZM4 13C5.1 13 6 12.1 6 11C6 9.9 5.1 9 4 9C2.9 9 2 9.9 2 11C2 12.1 2.9 13 4 13ZM5.13 14.1C4.76 14.04 4.39 14 4 14C3.01 14 2.07 14.21 1.22 14.58C0.48 14.9 0 15.62 0 16.43V17C0 17.55 0.45 18 1 18H4.5V16.39C4.5 15.56 4.73 14.78 5.13 14.1ZM20 13C21.1 13 22 12.1 22 11C22 9.9 21.1 9 20 9C18.9 9 18 9.9 18 11C18 12.1 18.9 13 20 13ZM24 16.43C24 15.62 23.52 14.9 22.78 14.58C21.93 14.21 20.99 14 20 14C19.61 14 19.24 14.04 18.87 14.1C19.27 14.78 19.5 15.56 19.5 16.39V18H23C23.55 18 24 17.55 24 17V16.43ZM12 6C13.66 6 15 7.34 15 9C15 10.66 13.66 12 12 12C10.34 12 9 10.66 9 9C9 7.34 10.34 6 12 6Z" })));
};
var Icon$X = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M15 1H4C2.9 1 2 1.9 2 3V16C2 16.55 2.45 17 3 17C3.55 17 4 16.55 4 16V4C4 3.45 4.45 3 5 3H15C15.55 3 16 2.55 16 2C16 1.45 15.55 1 15 1ZM19 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H19C20.1 23 21 22.1 21 21V7C21 5.9 20.1 5 19 5ZM18 21H9C8.45 21 8 20.55 8 20V8C8 7.45 8.45 7 9 7H18C18.55 7 19 7.45 19 8V20C19 20.55 18.55 21 18 21Z" })));
};
var Icon$W = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 20 20" }, props),
React__default['default'].createElement("path", { d: "M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM9 14H11V16H9V14ZM10.61 4.04C8.55 3.74 6.73 5.01 6.18 6.83C6 7.41 6.44 8 7.05 8H7.25C7.66 8 7.99 7.71 8.13 7.33C8.45 6.44 9.4 5.83 10.43 6.05C11.38 6.25 12.08 7.18 12 8.15C11.9 9.49 10.38 9.78 9.55 11.03C9.55 11.04 9.54 11.04 9.54 11.05C9.53 11.07 9.52 11.08 9.51 11.1C9.42 11.25 9.33 11.42 9.26 11.6C9.25 11.63 9.23 11.65 9.22 11.68C9.21 11.7 9.21 11.72 9.2 11.75C9.08 12.09 9 12.5 9 13H11C11 12.58 11.11 12.23 11.28 11.93C11.3 11.9 11.31 11.87 11.33 11.84C11.41 11.7 11.51 11.57 11.61 11.45C11.62 11.44 11.63 11.42 11.64 11.41C11.74 11.29 11.85 11.18 11.97 11.07C12.93 10.16 14.23 9.42 13.96 7.51C13.72 5.77 12.35 4.3 10.61 4.04Z" })));
};
var Icon$V = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
React__default['default'].createElement("path", { d: "M4.5 14H6.5C7.05 14 7.5 13.55 7.5 13V11C7.5 10.45 7.05 10 6.5 10H4.5C3.95 10 3.5 10.45 3.5 11V13C3.5 13.55 3.95 14 4.5 14ZM4.5 19H6.5C7.05 19 7.5 18.55 7.5 18V16C7.5 15.45 7.05 15 6.5 15H4.5C3.95 15 3.5 15.45 3.5 16V18C3.5 18.55 3.95 19 4.5 19ZM4.5 9H6.5C7.05 9 7.5 8.55 7.5 8V6C7.5 5.45 7.05 5 6.5 5H4.5C3.95 5 3.5 5.45 3.5 6V8C3.5 8.55 3.95 9 4.5 9ZM9.5 14H19.5C20.05 14 20.5 13.55 20.5 13V11C20.5 10.45 20.05 10 19.5 10H9.5C8.95 10 8.5 10.45 8.5 11V13C8.5 13.55 8.95 14 9.5 14ZM9.5 19H19.5C20.05 19 20.5 18.55 20.5 18V16C20.5 15.45 20.05 15 19.5 15H9.5C8.95 15 8.5 15.45 8.5 16V18C8.5 18.55 8.95 19 9.5 19ZM8.5 6V8C8.5 8.55 8.95 9 9.5 9H19.5C20.05 9 20.5 8.55 20.5 8V6C20.5 5.45 20.05 5 19.5 5H9.5C8.95 5 8.5 5.45 8.5 6Z" })));
};
var Icon$U = function (props) {
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0, 0, 400,420.4778156996587" }, props),
React__default['default'].createElement("path", { id: "path0", d: "M93.800 23.200 C 94.039 23.954,93.872 24.000,90.874 24.000 C 88.063 24.000,87.670 24.090,87.490 24.776 C 87.311 25.463,87.034 25.525,85.067 25.322 C 82.949 25.103,82.857 25.132,83.070 25.946 C 83.271 26.716,83.131 26.800,81.647 26.800 C 80.450 26.800,80.000 26.964,80.000 27.400 C 80.000 27.819,79.578 28.000,78.600 28.000 C 77.467 28.000,77.200 28.152,77.200 28.800 C 77.200 29.448,76.933 29.600,75.800 29.600 C 74.822 29.600,74.400 29.781,74.400 30.200 C 74.400 30.600,74.000 30.800,73.200 30.800 C 72.246 30.800,72.000 30.973,72.000 31.645 C 72.000 32.389,71.838 32.459,70.631 32.232 C 69.878 32.091,69.158 32.144,69.031 32.350 C 68.902 32.559,69.155 32.632,69.599 32.516 C 70.156 32.370,70.400 32.503,70.400 32.953 C 70.400 33.429,70.019 33.600,68.957 33.600 C 67.839 33.600,67.566 33.735,67.745 34.200 C 67.901 34.608,67.723 34.800,67.187 34.800 C 66.667 34.800,66.400 35.071,66.400 35.600 C 66.400 36.044,66.133 36.400,65.800 36.400 C 65.470 36.400,65.200 36.649,65.200 36.953 C 65.200 37.258,64.840 37.601,64.400 37.716 C 63.960 37.831,63.600 38.212,63.600 38.563 C 63.600 38.913,63.330 39.200,63.000 39.200 C 62.670 39.200,62.400 39.470,62.400 39.800 C 62.400 40.130,62.142 40.400,61.827 40.400 C 61.512 40.400,61.140 40.760,61.000 41.200 C 60.860 41.640,60.488 42.000,60.173 42.000 C 59.858 42.000,59.600 42.249,59.600 42.553 C 59.600 42.858,59.240 43.201,58.800 43.316 C 58.360 43.431,58.000 43.812,58.000 44.163 C 58.000 44.513,57.730 44.800,57.400 44.800 C 57.000 44.800,56.800 45.200,56.800 46.000 C 56.800 46.775,56.597 47.200,56.227 47.200 C 55.912 47.200,55.540 47.560,55.400 48.000 C 55.260 48.440,54.888 48.800,54.573 48.800 C 54.185 48.800,54.000 49.251,54.000 50.200 C 54.000 51.584,53.075 52.224,52.700 51.100 C 52.608 50.825,52.438 51.095,52.322 51.700 C 52.206 52.305,52.266 52.800,52.455 52.800 C 52.645 52.800,52.800 53.160,52.800 53.600 C 52.800 54.143,52.533 54.400,51.970 54.400 C 51.313 54.400,51.155 54.630,51.212 55.500 C 51.329 57.274,51.234 57.600,50.600 57.600 C 50.156 57.600,50.000 58.067,50.000 59.400 C 50.000 60.970,49.891 61.200,49.148 61.200 C 48.343 61.200,48.312 61.331,48.572 63.631 C 48.825 65.868,48.781 66.080,48.023 66.278 C 47.178 66.499,46.657 91.686,47.500 91.553 C 48.746 91.356,48.860 91.631,48.588 94.174 C 48.322 96.656,48.342 96.740,49.156 96.527 C 49.925 96.326,50.000 96.472,50.000 98.153 C 50.000 99.528,50.153 100.000,50.600 100.000 C 51.015 100.000,51.200 100.417,51.200 101.353 C 51.200 102.370,51.399 102.759,52.000 102.916 C 52.583 103.068,52.800 103.462,52.800 104.363 C 52.800 105.196,52.996 105.600,53.400 105.600 C 53.819 105.600,54.000 106.022,54.000 107.000 C 54.000 108.158,54.146 108.400,54.845 108.400 C 55.592 108.400,55.664 108.572,55.473 109.900 C 55.355 110.725,55.348 111.085,55.458 110.700 C 55.801 109.503,56.800 109.876,56.800 111.200 C 56.800 111.860,56.972 112.400,57.182 112.400 C 58.099 112.400,59.605 114.459,59.423 115.464 C 59.284 116.231,59.432 116.535,60.019 116.689 C 60.448 116.801,60.800 117.142,60.800 117.447 C 60.800 117.751,61.070 118.000,61.400 118.000 C 61.730 118.000,62.000 118.287,62.000 118.637 C 62.000 118.988,62.360 119.369,62.800 119.484 C 63.240 119.599,63.600 119.942,63.600 120.247 C 63.600 120.551,63.870 120.800,64.200 120.800 C 64.530 120.800,64.800 121.081,64.800 121.425 C 64.800 121.781,65.102 122.020,65.500 121.979 C 67.123 121.814,68.000 122.032,68.000 122.600 C 68.000 122.930,68.291 123.200,68.647 123.200 C 69.104 123.200,69.242 123.467,69.119 124.111 C 68.961 124.939,69.071 125.008,70.315 124.863 C 71.531 124.721,71.657 124.792,71.432 125.498 C 71.220 126.167,71.331 126.264,72.134 126.111 C 72.851 125.973,73.142 126.136,73.307 126.764 C 73.469 127.385,73.844 127.600,74.763 127.600 C 75.596 127.600,76.000 127.796,76.000 128.200 C 76.000 128.619,76.422 128.800,77.400 128.800 C 78.533 128.800,78.800 128.952,78.800 129.600 C 78.800 130.267,79.067 130.400,80.400 130.400 C 81.556 130.400,82.000 130.567,82.000 131.000 C 82.000 131.444,82.467 131.600,83.800 131.600 C 85.366 131.600,85.600 131.710,85.600 132.447 C 85.600 133.251,85.730 133.279,88.228 133.012 C 90.676 132.750,90.872 132.788,91.075 133.565 C 91.290 134.387,91.469 134.400,102.834 134.400 C 112.600 134.400,114.342 134.313,114.159 133.836 C 113.845 133.019,115.253 132.699,117.778 133.015 C 119.846 133.273,119.937 133.246,119.727 132.443 C 119.524 131.667,119.669 131.600,121.553 131.600 C 123.150 131.600,123.600 131.461,123.600 130.969 C 123.600 130.510,123.953 130.358,124.900 130.410 C 127.099 130.530,127.307 130.453,127.084 129.600 C 126.901 128.901,127.072 128.800,128.437 128.800 C 129.560 128.800,130.000 128.631,130.000 128.200 C 130.000 127.867,130.356 127.600,130.800 127.600 C 131.244 127.60