@edancerys/ts-react-components-lib
Version:
711 lines (704 loc) • 306 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var React = require('react');
var React__default = _interopDefault(React);
var styled = require('styled-components');
var styled__default = _interopDefault(styled);
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
var colors = {
/* 👉 Rentify colors */
primary: '#4629D3',
secondary: '#020C3B',
white: '#FFFFFF',
green: '#22C55E',
red: '#FF6868',
grey: '#6B74A2',
silver: '#F4F4F4',
/* ... */
muted: "#4d4d4d20",
transparent: "transparent",
midnightGreen: '#084c61ff',
cedarChest: '#db504aff',
orangeYellow: '#e3b505ff',
cadet: '#4f6d7aff',
cadetBlue: '#56a3a6ff',
dodgerBlue: '#21a1fb',
skyBlue: '#6592fe',
royalBlue: '#5037f5',
malibu: '#82c8f6',
catskillWhite: '#eef6f7',
darkMuted: '#343643',
meadow: '#20b571',
transparentMat: 'rgba(0, 0, 0, 0.2)'
};
var transitions = {
transitionShort: "all 0.4s ease-in-out",
transitionMedium: "all 0.8s ease-in-out",
transitionLong: "all 1.2s ease-in-out"
};
var fonts = {
fontFamilies: "'Fira Mono', 'Andale Mono', 'Consolas', 'monospace'",
fontXXXSmall: "8px",
fontXXSmall: "10px",
fontXSmall: "12px",
fontSmall: "14px",
fontMedium: "16px",
fontXMedium: "20px",
fontLarge: "24px",
fontXLarge: "32px",
fontBannerSmall: "38px",
fontBannerMedium: "48px",
fontBannerLarge: "64px",
fontBannerXLarge: "72px"
};
var spacing = {
spacingNone: "0px",
spacingXXSmall: "2px",
spacingXSmall: "4px",
spacingSmall: "8px",
spacingMedium: "12px",
spacingXMedium: "16px",
spacingLarge: "20px",
spacingXLarge: "24px",
spacingXXLarge: "32px",
spacingXXXLarge: "40px",
spacingXXXXLarge: "48px",
/* 👉 content width */
contentMaxWidth: "800px",
navigationMaxWidth: "1100px",
/* 👉 break points */
breakPointXSmall: "480px",
breakPointSmall: "576px",
breakPointMedium: "768px",
breakPointLarge: "992px",
breakPointXLarge: "1200px",
breakPointXXLarge: "1400px",
breakPointXXXLarge: "1600px"
};
var shadows = {
boxShadow: "0 10px 20px rgb(0 0 0 / 20%)",
boxShadowLight: "0 2px 5px rgb(0 0 0 / 20%), 0 2px 10px rgb(0 0 0 / 10%),",
boxShadowMuted: "0 5px 40px -5px rgb(20 20 20 / 10%)"
};
// --------------------------------------------------------------------------------
// 📌 Default configuration for the application
// --------------------------------------------------------------------------------
var config = /*#__PURE__*/_extends({}, colors, transitions, fonts, spacing, shadows);
var _templateObject;
var StyledIcon = /*#__PURE__*/styled__default.svg(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: ", ";\n height: ", ";\n stroke: ", ";\n margin: ", ";\n cursor: ", ";\n transition: ", ";\n\n &:hover {\n opacity: ", ";\n\n path {\n transition: ", ";\n stroke: ", ";\n fill: ", ";\n }\n }\n"])), function (props) {
return props.size;
}, function (props) {
return props.size;
}, function (props) {
return props.stroke;
}, function (props) {
return props.margin;
}, function (props) {
return props.onClick ? 'pointer' : 'default';
}, config == null ? void 0 : config.transitionShort, function (props) {
return props.onClick ? 0.8 : 1;
}, config == null ? void 0 : config.transitionShort, function (props) {
return props.onClick ? props.hoverStroke : props.fill;
}, function (props) {
return props.onClick ? props.hoverFill : props.fill;
});
var SocialIcons = function SocialIcons(_ref) {
var icon = _ref.icon,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 16 : _ref$size,
fill = _ref.fill,
hoverFill = _ref.hoverFill,
hoverStroke = _ref.hoverStroke,
margin = _ref.margin,
onClick = _ref.onClick;
if (icon === 'facebook') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"
}));
}
if (icon === 'github') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
}));
}
if (icon === 'twitter') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
}));
}
if (icon === 'linkedin') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"
}));
}
if (icon === 'instagram') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"
}));
}
if (icon === 'youtube') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"
}));
}
return null;
};
var Icons = function Icons(_ref2) {
var icon = _ref2.icon,
_ref2$size = _ref2.size,
size = _ref2$size === void 0 ? 16 : _ref2$size,
fill = _ref2.fill,
hoverFill = _ref2.hoverFill,
_ref2$hoverStroke = _ref2.hoverStroke,
hoverStroke = _ref2$hoverStroke === void 0 ? fill : _ref2$hoverStroke,
margin = _ref2.margin,
onClick = _ref2.onClick;
if (icon === 'chevron-up') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M0.296799 14.7071C0.687323 15.0976 1.32049 15.0976 1.71101 14.7071L10.0039 6.41421L18.2968 14.7071C18.6873 15.0976 19.3205 15.0976 19.711 14.7071C20.1015 14.3166 20.1015 13.6834 19.711 13.2929L10.711 4.29289C10.3205 3.90237 9.68732 3.90237 9.2968 4.29289L0.296799 13.2929C-0.0937253 13.6834 -0.0937253 14.3166 0.296799 14.7071Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'chevron-down') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M0.296799 5.29289C0.687323 4.90237 1.32049 4.90237 1.71101 5.29289L10.0039 13.5858L18.2968 5.29289C18.6873 4.90237 19.3205 4.90237 19.711 5.29289C20.1015 5.68342 20.1015 6.31658 19.711 6.70711L10.711 15.7071C10.3205 16.0976 9.68732 16.0976 9.2968 15.7071L0.296799 6.70711C-0.0937253 6.31658 -0.0937253 5.68342 0.296799 5.29289Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'chevron-left') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M14.711 0.292893C15.1015 0.683417 15.1015 1.31658 14.711 1.70711L6.41812 10L14.711 18.2929C15.1015 18.6834 15.1015 19.3166 14.711 19.7071C14.3205 20.0976 13.6873 20.0976 13.2968 19.7071L4.2968 10.7071C3.90628 10.3166 3.90628 9.68342 4.2968 9.29289L13.2968 0.292893C13.6873 -0.0976311 14.3205 -0.0976311 14.711 0.292893Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'chevron-right') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M4.2968 0.292893C3.90627 0.683417 3.90627 1.31658 4.2968 1.70711L12.5897 10L4.2968 18.2929C3.90627 18.6834 3.90627 19.3166 4.2968 19.7071C4.68732 20.0976 5.32049 20.0976 5.71101 19.7071L14.711 10.7071C15.1015 10.3166 15.1015 9.68342 14.711 9.29289L5.71101 0.292893C5.32049 -0.0976311 4.68732 -0.0976311 4.2968 0.292893Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'notifications') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M18.8654 9.72048C18.6084 9.35922 18.2453 9.0868 17.8266 8.94094L17.668 8.89198C17.4205 8.80134 16.6337 8.16682 15.643 7.01109C14.8092 6.02612 14.0844 4.95391 13.4811 3.81313C13.3924 3.64618 13.2949 3.48399 13.1892 3.32726C12.2619 1.98986 10.885 1.03015 9.30935 0.623004C7.73369 0.215861 6.0642 0.388398 4.60511 1.10917C4.56393 0.886717 4.46746 0.678194 4.32458 0.502792C4.18169 0.327391 3.99699 0.190744 3.78746 0.105433C3.57792 0.0201221 3.3503 -0.0111125 3.12554 0.0145997C2.90077 0.040312 2.68608 0.122151 2.50123 0.252577C2.2098 0.465159 2.01308 0.783299 1.95312 1.139C1.89316 1.49471 1.97471 1.85976 2.18034 2.15613C2.2978 2.32583 2.45292 2.46606 2.63357 2.56585C1.54233 3.73752 0.885214 5.24754 0.771583 6.84464C0.657953 8.44173 1.09466 10.0296 2.00902 11.3439C2.11896 11.4967 2.23697 11.6434 2.36254 11.7836C3.22561 12.7427 3.98237 13.7925 4.61961 14.9145C5.35474 16.2279 5.6856 17.1869 5.69375 17.4652V17.477L5.68378 17.6284V17.6737C5.68613 18.1108 5.81971 18.5371 6.06721 18.8974C6.40169 19.3797 7.03984 19.8691 8.2427 19.8691C8.70438 19.8634 9.1639 19.805 9.61235 19.6951C9.87068 19.6335 10.0941 19.4721 10.2336 19.2461C10.3731 19.0201 10.4173 18.748 10.3566 18.4895C10.2987 18.2318 10.141 18.0076 9.91808 17.866C9.69512 17.7245 9.4251 17.6771 9.16728 17.7344C8.11308 17.9792 7.71696 17.7834 7.68614 17.7344C7.67979 17.7263 7.67073 17.6955 7.6662 17.7027C7.6662 17.6855 7.6662 17.6674 7.6662 17.6483V17.613C7.75684 16.7618 8.85546 15.1103 10.7219 13.5874C10.7277 13.5815 10.7341 13.576 10.7409 13.5711L11.0736 14.0497C11.0665 14.0546 11.0612 14.0616 11.0581 14.0696C10.5775 14.6949 10.307 15.4562 10.2854 16.2446C10.2637 17.033 10.492 17.808 10.9376 18.4587C11.2074 18.8496 11.5525 19.1828 11.9527 19.4387C12.3528 19.6945 12.8 19.868 13.2681 19.9489C13.472 19.9839 13.6785 20.0015 13.8854 20.0015C14.6297 20.0013 15.3551 19.7666 15.9584 19.3307L15.9639 19.3253C15.9689 19.3235 15.9735 19.3207 15.9775 19.3171C17.5982 18.1541 17.9834 15.8726 16.8014 14.1775C16.3479 13.552 15.705 13.0891 14.9679 12.8574C14.2308 12.6258 13.4386 12.6376 12.7088 12.8913L12.6861 12.8994L12.3553 12.4253C12.3608 12.4195 12.3672 12.4146 12.3743 12.4108C14.4211 11.1327 16.3201 10.6351 17.1377 10.8291H17.1559C17.1897 10.8386 17.2207 10.856 17.2465 10.8798C17.2809 10.9288 17.3317 11.3702 16.7534 12.2975C16.6118 12.5229 16.5646 12.795 16.6221 13.0549C16.6797 13.3148 16.8372 13.5416 17.0607 13.6862C17.2186 13.7886 17.4028 13.8431 17.591 13.843C17.7592 13.8427 17.9245 13.7995 18.0714 13.7175C18.2182 13.6355 18.3418 13.5174 18.4303 13.3744C19.596 11.508 19.3105 10.3577 18.8654 9.72048ZM12.9436 15.0142L12.949 15.0087C12.9537 15.0063 12.9583 15.0036 12.9626 15.0006C13.136 14.8781 13.3318 14.7911 13.5388 14.7444C13.7459 14.6977 13.9601 14.6923 14.1692 14.7286C14.3784 14.7648 14.5783 14.8418 14.7576 14.9554C14.9369 15.069 15.0921 15.2168 15.2142 15.3904C15.4608 15.7458 15.5586 16.1835 15.4866 16.6101C15.4146 17.0366 15.1786 17.418 14.829 17.6728C14.8222 17.6777 14.8158 17.6832 14.81 17.6891C14.6368 17.8123 14.4409 17.8997 14.2336 17.9464C14.0263 17.9931 13.8118 17.9981 13.6026 17.9611C13.389 17.9225 13.1853 17.8417 13.0033 17.7234C12.8214 17.6051 12.6648 17.4517 12.5429 17.2722C12.3065 16.9165 12.2163 16.4834 12.2909 16.0629C12.3655 15.6424 12.5993 15.2668 12.9436 15.0142ZM10.7327 11.091L10.0366 11.5887C8.69955 12.5948 7.58915 13.7279 6.82229 14.8256C6.6555 14.4884 6.48962 14.1784 6.35003 13.9282C5.64127 12.679 4.79941 11.5101 3.83915 10.442C3.76518 10.3599 3.69559 10.274 3.63067 10.1846C2.88774 9.11854 2.59289 7.80351 2.80953 6.52231C3.02617 5.24112 3.73699 4.09613 4.78912 3.33361C4.78912 3.33361 4.80452 3.32364 4.80815 3.32001C5.32719 2.94731 5.91525 2.68171 6.53803 2.5387C7.16081 2.39569 7.80583 2.37813 8.43547 2.48707C9.0651 2.596 9.66674 2.82924 10.2053 3.17317C10.7438 3.5171 11.2085 3.96483 11.5721 4.49025C11.6336 4.58173 11.6896 4.67677 11.7398 4.77488C12.413 6.04386 13.2204 7.23694 14.1482 8.33362C14.3359 8.54935 14.5679 8.81221 14.8272 9.08324C13.5464 9.45126 12.116 10.142 10.7327 11.0892V11.091ZM16.8486 10.7285L16.8694 10.7366L16.8885 10.7466C16.8747 10.7406 16.8614 10.7336 16.8486 10.7257V10.7285Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'plus') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M20.0038 10.0526C20.0038 10.317 19.8987 10.5706 19.7117 10.7576C19.5247 10.9446 19.2711 11.0497 19.0067 11.0497H11.1323V18.9975C11.1323 19.2626 11.027 19.5169 10.8395 19.7045C10.652 19.892 10.3977 19.9973 10.1325 19.9973C9.86732 19.9973 9.61301 19.892 9.42551 19.7045C9.23801 19.5169 9.13266 19.2626 9.13266 18.9975V11.0524H1.00177C0.736606 11.0524 0.482305 10.9471 0.294802 10.7596C0.1073 10.5721 0.00195313 10.3178 0.00195312 10.0526C0.00195313 9.78742 0.1073 9.5331 0.294802 9.3456C0.482305 9.1581 0.736606 9.05276 1.00177 9.05276H9.12813V1.00073C9.12813 0.735563 9.23347 0.481256 9.42098 0.293754C9.60848 0.106251 9.86278 0.000915527 10.1279 0.000915527C10.3931 0.000915527 10.6474 0.106251 10.8349 0.293754C11.0224 0.481256 11.1278 0.735563 11.1278 1.00073V9.05276H19.0021C19.1337 9.05217 19.2641 9.0776 19.3857 9.12761C19.5074 9.17763 19.618 9.25122 19.7111 9.34416C19.8042 9.4371 19.878 9.54754 19.9282 9.66912C19.9785 9.79071 20.0041 9.92103 20.0038 10.0526Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'close') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
}));
}
if (icon === 'profile') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M9.99742 9.81191e-07C7.86343 0.00298366 5.78627 0.687711 4.0692 1.95422C2.35212 3.22072 1.08505 5.00269 0.45297 7.03994C-0.179109 9.0772 -0.143095 11.2631 0.555748 13.2784C1.25459 15.2938 2.57967 17.0331 4.33753 18.2424C4.41915 18.2986 4.50077 18.3539 4.58511 18.4083C6.19898 19.4474 8.07811 20 9.99786 20C11.9176 20 13.7968 19.4474 15.4106 18.4083C15.4941 18.3539 15.5766 18.2986 15.6582 18.2424C17.4198 17.0351 18.7484 15.2958 19.4496 13.2793C20.1508 11.2627 20.1877 9.07474 19.555 7.03569C18.9222 4.99664 17.653 3.21359 15.9332 1.94757C14.2134 0.68155 12.1333 -0.000944578 9.99742 9.81191e-07ZM9.99742 18.0004C8.22669 18.0021 6.50594 17.4136 5.10748 16.328C5.62793 15.5016 6.34948 14.8206 7.20471 14.3486C8.05994 13.8766 9.02093 13.6291 9.99786 13.6291C10.9748 13.6291 11.9358 13.8766 12.791 14.3486C13.6463 14.8206 14.3678 15.5016 14.8883 16.328C13.4892 17.4131 11.7683 18.0016 9.99742 18.0004ZM7.67307 8.19434C7.67378 7.72155 7.81476 7.25958 8.07818 6.86687C8.34159 6.47417 8.7156 6.16836 9.15291 5.98813C9.59022 5.80791 10.0712 5.76135 10.535 5.85436C10.9987 5.94737 11.4245 6.17576 11.7584 6.51065C12.0923 6.84554 12.3194 7.27188 12.4108 7.73576C12.5023 8.19963 12.4541 8.6802 12.2723 9.11669C12.0905 9.55317 11.7833 9.92596 11.3895 10.1879C10.9957 10.4498 10.533 10.5892 10.06 10.5883C9.42604 10.5866 8.81865 10.3336 8.37114 9.88477C7.92364 9.43595 7.67258 8.82799 7.67307 8.19434ZM16.3293 14.8903C15.3368 13.5058 13.9196 12.4826 12.2927 11.9761C13.1221 11.4889 13.7685 10.7431 14.1329 9.8532C14.4972 8.96332 14.5593 7.97852 14.3096 7.04996C14.0599 6.1214 13.5123 5.3004 12.7507 4.71298C11.9891 4.12555 11.0557 3.80417 10.0938 3.79817C9.13183 3.79216 8.19449 4.10186 7.42563 4.67972C6.65677 5.25759 6.09889 6.07169 5.83763 6.99706C5.57636 7.92243 5.62614 8.90793 5.97933 9.80229C6.33251 10.6967 6.96959 11.4504 7.79277 11.948C6.12903 12.4434 4.67781 13.4787 3.66825 14.8903C2.75266 13.7071 2.18729 12.291 2.03633 10.8028C1.88536 9.31456 2.15484 7.81385 2.81418 6.47101C3.47351 5.12816 4.4963 3.99697 5.76642 3.20585C7.03654 2.41473 8.50312 1.99536 9.99968 1.99536C11.4962 1.99536 12.9628 2.41473 14.2329 3.20585C15.5031 3.99697 16.5258 5.12816 17.1852 6.47101C17.8445 7.81385 18.114 9.31456 17.963 10.8028C17.8121 12.291 17.2467 13.7071 16.3311 14.8903H16.3293Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'search') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 40 40",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M19.6117 34.5933C27.8858 34.5933 34.5933 27.8858 34.5933 19.6117C34.5933 11.3375 27.8858 4.63 19.6117 4.63C11.3375 4.63 4.63 11.3375 4.63 19.6117C4.63 27.8858 11.3375 34.5933 19.6117 34.5933Z",
stroke: "#020C3B",
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), React__default.createElement("path", {
d: "M31 32L32.9667 33.7375L35.9034 36.6667",
stroke: "#020C3B",
strokeWidth: "2.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}));
}
if (icon === 'select-camera') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 48 48",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M39.9913 10.0307H30.6216V7.55784C30.6142 6.80887 30.3109 6.09324 29.7779 5.56717C29.2449 5.04111 28.5255 4.74735 27.7767 4.75002H20.2012C19.4538 4.74946 18.7365 5.04416 18.2052 5.57C17.6739 6.09584 17.3717 6.81026 17.3644 7.55784V10.0287H7.99461C7.20904 10.026 6.43065 10.1782 5.7039 10.4766C4.97716 10.775 4.3163 11.2136 3.75906 11.7675C3.20182 12.3214 2.75914 12.9797 2.45628 13.7048C2.15343 14.4298 1.99631 15.2075 1.99396 15.9933V37.3033C2.00345 38.8872 2.64051 40.4027 3.76539 41.5175C4.89027 42.6323 6.41117 43.2553 7.99461 43.25H39.9913C41.5751 43.2558 43.0965 42.633 44.2218 41.5182C45.3472 40.4034 45.9845 38.8876 45.994 37.3033V15.9953C45.9916 15.2093 45.8344 14.4315 45.5314 13.7063C45.2285 12.9811 44.7856 12.3227 44.2281 11.7688C43.6707 11.2149 43.0096 10.7763 42.2826 10.478C41.5556 10.1798 40.777 10.0278 39.9913 10.0307ZM8.04245 17.9097C7.62425 17.9104 7.21306 17.8023 6.84923 17.596C6.4854 17.3897 6.18145 17.0924 5.96717 16.7332C5.74123 16.3634 5.62252 15.9381 5.62428 15.5047C5.62639 14.8651 5.88226 14.2525 6.3357 13.8015C6.78915 13.3505 7.40303 13.0981 8.04245 13.0997C8.13713 13.0986 8.23174 13.1046 8.32552 13.1177C8.92878 13.1956 9.48001 13.4996 9.86795 13.9683C10.2559 14.437 10.4517 15.0354 10.4157 15.6428C10.3798 16.2502 10.1149 16.8213 9.67439 17.241C9.23391 17.6606 8.65069 17.8975 8.04245 17.9037V17.9097ZM23.9351 38.9306C17.1271 38.9306 11.575 33.4086 11.575 26.6383C11.575 19.868 17.1311 14.372 23.9351 14.372C30.7392 14.372 36.2733 19.87 36.2733 26.6383C36.2622 29.9051 34.9561 33.0339 32.6415 35.3385C30.3268 37.643 27.1928 38.9348 23.9272 38.9306H23.9351ZM23.9351 17.0442C22.0397 17.0553 20.19 17.6276 18.6193 18.6892C17.0487 19.7507 15.8276 21.2537 15.11 23.0087C14.3925 24.7637 14.2107 26.692 14.5875 28.5503C14.9643 30.4085 15.8829 32.1135 17.2274 33.4501C18.5719 34.7867 20.282 35.695 22.142 36.0604C24.0019 36.4257 25.9284 36.2319 27.6784 35.5032C29.4283 34.7745 30.9233 33.5437 31.9747 31.966C33.0261 30.3883 33.5868 28.5345 33.586 26.6383C33.578 21.3657 29.2261 17.0442 23.9272 17.0442H23.9351ZM23.9351 31.7814C22.9196 31.7751 21.9288 31.4681 21.0875 30.8991C20.2462 30.3302 19.5922 29.5248 19.2079 28.5845C18.8237 27.6442 18.7264 26.6111 18.9284 25.6156C19.1303 24.62 19.6225 23.7066 20.3428 22.9905C21.0631 22.2745 21.9792 21.7878 22.9757 21.5919C23.9721 21.396 25.0043 21.4997 25.9419 21.8899C26.8795 22.2801 27.6806 22.9393 28.2441 23.7844C28.8077 24.6294 29.1084 25.6225 29.1084 26.6383C29.1077 27.3169 28.9728 27.9886 28.7117 28.6148C28.4505 29.241 28.0682 29.8095 27.5867 30.2874C27.1052 30.7653 26.5341 31.1434 25.906 31.3998C25.278 31.6561 24.6055 31.7858 23.9272 31.7814H23.9351Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'select-photos') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M3.00391 2C1.34705 2 0.00390625 3.34315 0.00390625 5V15C0.00390625 16.6569 1.34705 18 3.00391 18H17.0039C18.6608 18 20.0039 16.6569 20.0039 15V5C20.0039 3.34315 18.6608 2 17.0039 2H3.00391ZM15.0039 7C15.0039 7.82843 14.3323 8.5 13.5039 8.5C12.6755 8.5 12.0039 7.82843 12.0039 7C12.0039 6.17157 12.6755 5.5 13.5039 5.5C14.3323 5.5 15.0039 6.17157 15.0039 7ZM7.5438 6.71066C7.97553 6.37487 8.59693 6.44822 8.93861 6.87531L12.0254 10.7339L13.0962 9.93078C13.5221 9.61135 14.1236 9.68161 14.4644 10.0906L16.7721 12.8598C17.1257 13.2841 17.0684 13.9147 16.6441 14.2682C16.2198 14.6218 15.5892 14.5645 15.2357 14.1402L13.5362 12.1008L12.45 12.9154C12.0179 13.2395 11.4066 13.1619 11.0692 12.7401L7.99306 8.89495L4.61783 11.5201C4.18188 11.8592 3.55361 11.7807 3.21454 11.3447C2.87547 10.9088 2.954 10.2805 3.38995 9.94143L7.5438 6.71066Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'settings') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12.1112 19.519C12.4415 19.8278 12.8768 19.9998 13.329 20L13.342 19.995C13.5628 19.9951 13.782 19.9569 13.9898 19.882L14.1238 19.825C14.4281 19.6947 14.6908 19.4834 14.8835 19.2142C15.0762 18.945 15.1914 18.628 15.2166 18.2979C15.2863 17.5047 15.6416 16.7638 16.2164 16.2128C16.7633 15.6921 17.47 15.3714 18.2219 15.3027C18.5511 15.2804 18.8677 15.1681 19.1373 14.978C19.4069 14.7878 19.6191 14.5273 19.7506 14.2247L19.8706 13.9247L19.8776 13.9077C19.9878 13.615 20.0205 13.2989 19.9723 12.9899C19.9241 12.6809 19.7968 12.3897 19.6027 12.1446C19.1537 11.5622 18.9079 10.8488 18.9028 10.1135V10.0445C18.9209 9.33629 19.1702 8.65352 19.6127 8.10035L19.6297 8.08035C19.8163 7.83526 19.9381 7.547 19.9837 7.24229C20.0293 6.93758 19.9973 6.62628 19.8906 6.33725C19.8306 6.17224 19.7656 6.01723 19.7036 5.87223L19.6876 5.83522C19.5667 5.55898 19.3789 5.31723 19.1412 5.1318C18.9034 4.94637 18.6232 4.82312 18.3259 4.77317H18.3119C17.6087 4.66522 16.9611 4.32726 16.4703 3.81211C15.9861 3.30663 15.6755 2.66 15.5835 1.96601C15.5457 1.6681 15.4346 1.38423 15.2601 1.13987C15.0856 0.895511 14.8532 0.698302 14.5837 0.565937C14.4087 0.478932 14.2148 0.393927 14.0148 0.315923C13.7333 0.200341 13.427 0.158064 13.1247 0.193043C12.8224 0.228022 12.5339 0.339114 12.2862 0.515934C11.7348 0.908488 11.0743 1.11833 10.3976 1.11597H10.3056C9.58857 1.0953 8.89783 0.841473 8.33798 0.392926C8.10193 0.205538 7.82291 0.0799735 7.52614 0.0275894C7.22938 -0.0247946 6.92424 -0.00234474 6.63833 0.0929097C6.51128 0.132508 6.39779 0.175499 6.28772 0.217196C6.27826 0.220781 6.26882 0.224355 6.25941 0.227918L6.13043 0.276922C5.84507 0.397706 5.59502 0.588969 5.40371 0.832794C5.21241 1.07662 5.08612 1.36502 5.03666 1.671V1.683C4.9269 2.41852 4.57009 3.09475 4.02494 3.60042C3.47979 4.10609 2.77878 4.41106 2.03728 4.46515C1.71796 4.48559 1.40981 4.59053 1.14436 4.76924C0.87892 4.94794 0.66572 5.194 0.526586 5.48221L0.496592 5.54921C0.481497 5.58787 0.464137 5.6256 0.444603 5.66221L0.40961 5.73522C0.276926 6.03996 0.230349 6.37527 0.274948 6.70465C0.319548 7.03403 0.453615 7.34486 0.662558 7.60332C1.14935 8.21616 1.40047 8.98319 1.37039 9.76533C1.34031 10.5475 1.03101 11.2929 0.498592 11.8666C0.272928 12.1052 0.116476 12.4008 0.046022 12.7216C-0.0244324 13.0424 -0.00623124 13.3764 0.0986738 13.6877L0.122669 13.7737L0.142665 13.8217C0.269854 14.138 0.483103 14.4124 0.75824 14.6137C1.03338 14.8151 1.3594 14.9353 1.69934 14.9607C2.50809 15.0206 3.26588 15.3784 3.82605 15.9649C4.38622 16.5515 4.70893 17.3251 4.73172 18.1359C4.73368 18.4875 4.839 18.8307 5.03455 19.1229C5.2301 19.4151 5.50726 19.6432 5.83149 19.779C6.14656 19.9125 6.49296 19.9542 6.8307 19.8991C7.16843 19.8441 7.4837 19.6946 7.7401 19.468C8.34881 18.9269 9.13953 18.6361 9.95365 18.6539C10.7534 18.6734 11.5194 18.9805 12.1112 19.519ZM9.99764 16.6528H9.88866C8.73654 16.6504 7.61595 17.0291 6.70132 17.7299C6.58876 16.5451 6.07926 15.4332 5.25549 14.5746C4.43172 13.7159 3.34202 13.1609 2.16325 12.9996C2.92117 12.0826 3.34679 10.9362 3.37093 9.74661C3.39507 8.55704 3.01632 7.39427 2.29622 6.44726C3.44979 6.3375 4.53511 5.85078 5.38446 5.06231C6.23381 4.27383 6.7999 3.22751 6.99525 2.08502L7.17022 2.02101C8.06117 2.70543 9.14653 3.0889 10.2696 3.11608H10.3796C11.4406 3.12137 12.478 2.80247 13.3529 2.20203C13.4429 2.23903 13.5279 2.27603 13.6069 2.31303C13.7692 3.39496 14.2619 4.40025 15.0176 5.19119C15.7872 5.99744 16.7944 6.53639 17.892 6.72927C17.924 6.80228 17.954 6.87328 17.98 6.94229C17.3038 7.82634 16.9264 8.90263 16.9022 10.0155V10.1205C16.9088 11.2664 17.2811 12.3803 17.965 13.2996L17.956 13.3226C16.7833 13.449 15.6849 13.9583 14.8306 14.7717C13.9721 15.5952 13.4162 16.6843 13.253 17.8629C12.3332 17.1075 11.1873 16.6816 9.99764 16.6528ZM12.0039 10C12.0039 11.1046 11.1085 12 10.0039 12C8.89934 12 8.00391 11.1046 8.00391 10C8.00391 8.89543 8.89934 8 10.0039 8C11.1085 8 12.0039 8.89543 12.0039 10ZM14.0039 10C14.0039 12.2091 12.213 14 10.0039 14C7.79477 14 6.00391 12.2091 6.00391 10C6.00391 7.79086 7.79477 6 10.0039 6C12.213 6 14.0039 7.79086 14.0039 10Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'share') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M17.1872 0.142538L1.32573 6.25057C0.972536 6.3861 0.663393 6.61613 0.4321 6.91551C0.200807 7.21488 0.0562648 7.57209 0.0142748 7.94807C-0.0286033 8.32386 0.0326712 8.7042 0.191397 9.0475C0.350123 9.3908 0.600188 9.68384 0.914247 9.89458L6.94806 13.0231C6.95996 13.0317 6.97042 13.0422 6.97906 13.0541L10.1085 19.0866C10.3194 19.4003 10.6123 19.6502 10.9553 19.809C11.2984 19.9677 11.6784 20.0293 12.0541 19.987C12.4297 19.9447 12.7866 19.8002 13.0857 19.5692C13.3849 19.3381 13.615 19.0294 13.7508 18.6766L19.8592 2.81355C20.0058 2.44078 20.0396 2.03316 19.9565 1.64132C19.8734 1.24948 19.677 0.890691 19.3917 0.60954C19.1106 0.323937 18.7517 0.127365 18.3597 0.0443217C17.9677 -0.0387216 17.56 -0.00456396 17.1872 0.142538ZM11.9209 17.9716C11.9151 17.9901 11.9038 18.0064 11.8886 18.0182C11.8733 18.0301 11.8547 18.0371 11.8354 18.0381C11.816 18.042 11.7959 18.0397 11.7779 18.0314C11.76 18.0231 11.7451 18.0094 11.7354 17.9921L8.60601 11.9581C8.4569 11.7361 8.26602 11.5452 8.04403 11.3961L2.01021 8.26508C1.99281 8.25555 1.97891 8.2407 1.97054 8.22271C1.96218 8.20472 1.95978 8.18452 1.96371 8.16507C1.96526 8.14166 1.975 8.11954 1.99121 8.10257C2.00238 8.09178 2.0159 8.08373 2.03071 8.07907L15.8568 2.75705L9.16899 9.44558C8.98852 9.63023 8.88812 9.8786 8.88957 10.1368C8.89102 10.395 8.99421 10.6422 9.17675 10.8248C9.35929 11.0074 9.60646 11.1107 9.86465 11.1123C10.1228 11.1138 10.3712 11.0135 10.5559 10.8331L17.2442 4.14406L11.9209 17.9716Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'tick') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M19.7081 3.29289C20.0986 3.68342 20.0986 4.31658 19.7081 4.70711L7.70808 16.7071C7.31756 17.0976 6.68439 17.0976 6.29387 16.7071L0.29387 10.7071C-0.0966545 10.3166 -0.0966545 9.68342 0.29387 9.29289C0.684394 8.90237 1.31756 8.90237 1.70808 9.29289L7.00098 14.5858L18.2939 3.29289C18.6844 2.90237 19.3176 2.90237 19.7081 3.29289Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'wallet') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M19.1636 4.95523V3.44145C19.1581 2.65879 18.8431 1.91012 18.2874 1.35898C17.7316 0.807837 16.9804 0.499025 16.1977 0.500002H2.96982C2.18714 0.499025 1.43589 0.807837 0.880163 1.35898C0.324438 1.91012 0.00941408 2.65879 0.00390625 3.44145V16.5578C0.00941408 17.3405 0.324438 18.0892 0.880163 18.6403C1.43589 19.1914 2.18714 19.5003 2.96982 19.4993H16.1977C16.9804 19.5003 17.7316 19.1914 18.2874 18.6403C18.8431 18.0892 19.1581 17.3405 19.1636 16.5578V12.7145C19.4232 12.5366 19.6354 12.2981 19.7819 12.0196C19.9283 11.7411 20.0045 11.431 20.0039 11.1164V6.55784C20.0023 6.24296 19.9252 5.93304 19.779 5.65416C19.6328 5.37529 19.4217 5.13559 19.1636 4.95523ZM17.542 11.1191H10.381C10.2506 11.1196 10.1254 11.0683 10.0327 10.9765C9.94012 10.8848 9.88769 10.76 9.88697 10.6296V7.04913C9.88721 6.98449 9.90017 6.92054 9.92513 6.86091C9.95008 6.80129 9.98654 6.74716 10.0324 6.70162C10.0783 6.65608 10.1327 6.62003 10.1925 6.59552C10.2523 6.571 10.3164 6.5585 10.381 6.55874H17.5338C17.6642 6.55826 17.7895 6.60953 17.8821 6.7013C17.9747 6.79307 18.0271 6.91784 18.0278 7.04822L18.036 10.6269C18.036 10.6917 18.0232 10.7558 17.9984 10.8157C17.9735 10.8755 17.9371 10.9299 17.8912 10.9756C17.8453 11.0213 17.7908 11.0575 17.7309 11.0822C17.671 11.1068 17.6068 11.1194 17.542 11.1191ZM16.1977 17.5413H2.96982C2.70896 17.5416 2.4586 17.4386 2.27347 17.2548C2.08833 17.071 1.98347 16.8214 1.98179 16.5606V3.44145C1.98347 3.18059 2.08833 2.93099 2.27347 2.74722C2.4586 2.56344 2.70896 2.46042 2.96982 2.46066H16.1977C16.4587 2.46042 16.7091 2.56341 16.8944 2.74716C17.0797 2.93091 17.1847 3.18051 17.1866 3.44145V4.59809H9.8906C9.36934 4.59808 8.86923 4.80421 8.49937 5.17152C8.12952 5.53883 7.91993 6.03749 7.91634 6.55874V11.1191C7.91993 11.6409 8.12986 12.1401 8.50028 12.5076C8.8707 12.8751 9.3715 13.0812 9.89332 13.0807H17.1894V16.5578C17.1877 16.8194 17.0824 17.0696 16.8965 17.2537C16.7106 17.4377 16.4593 17.5405 16.1977 17.5395V17.5413Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'help') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M5.09616 4.35155C4.55307 5.20013 4.2596 6.17748 4.11752 7.07246C4.21264 7.05745 4.30531 7.04508 4.39496 7.0351C5.33506 6.93039 6.00391 7.70392 6.00391 8.50001V14.5C6.00391 15.2961 5.33506 16.0696 4.39496 15.9649C3.57738 15.8739 2.50831 15.5846 1.6187 14.9009C0.68787 14.1856 0.00390625 13.071 0.00390625 11.5C0.00390625 9.92902 0.68787 8.81443 1.6187 8.0991C1.75079 7.99759 1.88684 7.90477 2.02544 7.82001C2.10751 6.50719 2.4463 4.78175 3.41162 3.27344C4.59896 1.41824 6.66951 0 10.0039 0C13.3383 0 15.4088 1.41824 16.5962 3.27344C17.5615 4.78176 17.9003 6.50721 17.9824 7.82002C18.121 7.90478 18.257 7.99759 18.3891 8.0991C19.3199 8.81443 20.0039 9.92902 20.0039 11.5C20.0039 13.071 19.3199 14.1856 18.3891 14.9009C17.8121 15.3443 17.1596 15.6218 16.5492 15.787C16.0441 17.0079 14.6424 18.4584 11.8737 18.7114C11.5869 19.4648 10.8579 20 10.0039 20C8.89934 20 8.00391 19.1046 8.00391 18C8.00391 16.8954 8.89934 16 10.0039 16C10.8271 16 11.5342 16.4974 11.841 17.208C13.4279 17.0417 14.3213 16.4092 14.7962 15.8183C14.3088 15.5647 14.0039 15.0375 14.0039 14.5V8.50001C14.0039 7.70392 14.6727 6.93039 15.6129 7.0351C15.7025 7.04508 15.7952 7.05745 15.8903 7.07246C15.7482 6.17748 15.4547 5.20013 14.9116 4.35155C14.099 3.08176 12.6695 2 10.0039 2C7.3383 2 5.90884 3.08176 5.09616 4.35155ZM4.00391 9.13738C3.59137 9.24653 3.17644 9.42435 2.83738 9.68492C2.3685 10.0452 2.00391 10.588 2.00391 11.5C2.00391 12.4121 2.3685 12.9548 2.83738 13.3151C3.17644 13.5757 3.59137 13.7535 4.00391 13.8626V9.13738ZM16.0039 9.13738C16.4164 9.24653 16.8314 9.42435 17.1704 9.68492C17.6393 10.0452 18.0039 10.588 18.0039 11.5C18.0039 12.4121 17.6393 12.9548 17.1704 13.3151C16.8314 13.5757 16.4164 13.7535 16.0039 13.8626V9.13738Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'logout') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M3.00391 0C1.34705 0 0.00390625 1.34315 0.00390625 3V17C0.00390625 18.6569 1.34705 20 3.00391 20H10.0039C10.5562 20 11.0039 19.5523 11.0039 19C11.0039 18.4477 10.5562 18 10.0039 18H3.00391C2.45162 18 2.00391 17.5523 2.00391 17V3C2.00391 2.44772 2.45162 2 3.00391 2H10.0039C10.5562 2 11.0039 1.55228 11.0039 1C11.0039 0.447715 10.5562 0 10.0039 0H3.00391ZM15.211 4.79288C14.8205 4.40235 14.1873 4.40235 13.7968 4.79288C13.4063 5.1834 13.4063 5.81657 13.7968 6.20709L16.5897 8.99997H7.00391C6.45162 8.99997 6.00391 9.44769 6.00391 9.99997C6.00391 10.5523 6.45162 11 7.00391 11H16.5897L13.7968 13.7929C13.4063 14.1834 13.4063 14.8166 13.7968 15.2071C14.1873 15.5976 14.8205 15.5976 15.211 15.2071L19.711 10.7071C20.1015 10.3166 20.1015 9.6834 19.711 9.29288L15.211 4.79288Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'arrow-left') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M7.68218 2.7652C7.27636 2.3906 6.6437 2.4159 6.2691 2.82172L0.274857 9.31549C0.205866 9.38881 0.149944 9.47026 0.107212 9.55676C-0.0266438 9.82725 -0.0298023 10.1441 0.0940666 10.4156C0.138401 10.5128 0.199009 10.6041 0.275721 10.6855L6.26911 17.1783C6.64371 17.5841 7.27637 17.6094 7.68219 17.2348C8.08801 16.8602 8.11332 16.2275 7.73871 15.8217L3.2879 11H19.0039C19.5562 11 20.0039 10.5523 20.0039 10C20.0039 9.44772 19.5562 9 19.0039 9H3.28789L7.7387 4.17829C8.11331 3.77246 8.088 3.13981 7.68218 2.7652Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'arrow-right') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 21 20",
fill: fill || 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12.3256 2.7652C12.7315 2.3906 13.3641 2.4159 13.7387 2.82172L19.733 9.31549C19.8019 9.38881 19.8579 9.47026 19.9006 9.55676C20.0345 9.82725 20.0376 10.1441 19.9137 10.4156C19.8694 10.5128 19.8088 10.6041 19.7321 10.6855L13.7387 17.1783C13.3641 17.5841 12.7314 17.6094 12.3256 17.2348C11.9198 16.8602 11.8945 16.2275 12.2691 15.8217L16.7199 11H1.00391C0.451621 11 0.00390625 10.5523 0.00390625 10C0.00390625 9.44772 0.451621 9 1.00391 9H16.7199L12.2691 4.17829C11.8945 3.77246 11.9198 3.13981 12.3256 2.7652Z",
fill: fill || config.darkMuted
}));
}
if (icon === 'bell') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 26 31",
fill: 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
d: "M9.28874 27.5695C9.98232 28.4294 10.9852 28.9833 12.0824 29.1124C13.1796 29.2415 14.2837 28.9356 15.1579 28.2602C15.4251 28.0611 15.666 27.829 15.875 27.5695M1.00099 17.9031V17.6028C1.04556 16.7141 1.32994 15.8541 1.82394 15.1141C2.64649 14.2263 3.21182 13.1313 3.45927 11.9466C3.45927 11.035 3.45926 10.1089 3.53865 9.19728C3.95013 4.80599 8.29247 1.76953 12.5819 1.76953H12.6877C16.9771 1.76953 21.3195 4.80599 21.7442 9.19728C21.8236 10.1089 21.7442 11.035 21.8103 11.9466C22.0616 13.1321 22.6258 14.2285 23.4443 15.122C23.9419 15.8554 24.2268 16.7122 24.2673 17.5975V17.8846C24.2957 19.0795 23.8847 20.2432 23.1123 21.1553C22.0805 22.2323 20.6934 22.8988 19.2078 23.0314C14.834 23.5005 10.4224 23.5005 6.04853 23.0314C4.56533 22.8943 3.18025 22.2306 2.14413 21.1605C1.38314 20.2479 0.977215 19.0912 1.00099 17.9031V17.9031Z",
stroke: "#4629D3",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}));
}
if (icon === 'message') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 40 40",
fill: 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("g", {
clipPath: "url(#clip0_12_375)"
}, React__default.createElement("path", {
d: "M20.0001 33.3335L15.0001 28.3335H11.6667C10.3407 28.3335 9.0689 27.8067 8.13121 26.869C7.19353 25.9313 6.66675 24.6596 6.66675 23.3335V13.3335C6.66675 12.0074 7.19353 10.7356 8.13121 9.79796C9.0689 8.86028 10.3407 8.3335 11.6667 8.3335H28.3334C29.6595 8.3335 30.9313 8.86028 31.8689 9.79796C32.8066 10.7356 33.3334 12.0074 33.3334 13.3335V23.3335C33.3334 24.6596 32.8066 25.9313 31.8689 26.869C30.9313 27.8067 29.6595 28.3335 28.3334 28.3335H25.0001L20.0001 33.3335Z",
stroke: "#4629D3",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}), React__default.createElement("path", {
d: "M13.3333 15H26.6666",
stroke: "#4629D3",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
}), React__default.createElement("path", {
d: "M13.3333 21.6665H23.3333",
stroke: "#4629D3",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round"
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
id: "clip0_12_375"
}, React__default.createElement("rect", {
width: "40",
height: "40",
fill: "white"
}))));
}
if (icon === 'hamburger') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 16 16",
fill: 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("path", {
fillRule: "evenodd",
d: "M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
}));
}
if (icon === 'avatar') {
return React__default.createElement(StyledIcon, {
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "-1 -1 42 42",
fill: 'transparent',
hoverStroke: hoverStroke,
stroke: fill,
hoverFill: hoverFill,
margin: margin,
onClick: onClick
}, React__default.createElement("circle", {
cx: "20.0034",
cy: "20",
r: "20",
fill: "transparent"
}), React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M20.3605 21.4286C23.9109 21.4286 26.7891 18.5504 26.7891 15C26.7891 11.4496 23.9109 8.57143 20.3605 8.57143C16.8101 8.57143 13.9319 11.4496 13.9319 15C13.9319 18.5504 16.8101 21.4286 20.3605 21.4286ZM20.0033 37.1429C15.4523 37.1429 11.3155 35.3694 8.24622 32.476C7.03246 31.3317 7.1014 29.4342 8.42958 28.425C10.7601 26.6542 14.666 24.6429 20.0033 24.6429C25.3406 24.6429 29.2466 26.6542 31.5771 28.425C32.9052 29.4342 32.9742 31.3317 31.7604 32.476C28.6912 35.3694 24.5543 37.1429 20.0033 37.1429Z",
fill: fill
}));
}
if (icon === 'star') {
return React__