@masaischool/lotus
Version:
Masai UI component library designed to work seamlessly with Chakra UI
1,215 lines (1,166 loc) • 212 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('@chakra-ui/react');
var themeTools = require('@chakra-ui/theme-tools');
var React = require('react');
var React__default = _interopDefault(React);
var icons = require('@chakra-ui/icons');
function _extends() {
_extends = Object.assign || 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 _objectDestructuringEmpty(obj) {
if (obj == null) throw new TypeError("Cannot destructure undefined");
}
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;
}
var Badge = {
baseStyle: {
textStyle: 'btn-sm',
borderRadius: 'full'
},
sizes: {
"default": {
p: '4px 8px'
},
large: {
p: '8px 12px'
},
'default-icon-only': {
p: '4px'
},
'large-icon-only': {
p: '8px'
}
},
variants: {
blue: {
bg: 'ms-blue.50',
color: 'ms-blue.500'
},
red: {
bg: 'ms-red.50',
color: 'ms-red.500'
},
purple: {
bg: 'ms-purple.50',
color: 'ms-purple.500'
},
green: {
bg: 'ms-green.50',
color: 'ms-green.500'
},
cyan: {
bg: 'ms-cyan.50',
color: 'ms-cyan.500'
},
brick: {
bg: 'ms-brick.50',
color: 'ms-brick.500'
}
},
defaultProps: {
size: 'default'
}
};
var Button = {
baseStyle: {
fontWeight: 'semibold',
fontStyle: 'normal',
textTransform: 'uppercase',
fontFamily: 'body',
borderRadius: 'ms-8'
},
sizes: {
sm: {
h: '32px',
p: '8px 12px',
fontSize: 'ms-12',
lineHeight: 'ms-16',
letterSpacing: '1.25px'
},
md: {
h: '40px',
p: '8px 16px',
fontSize: 'ms-14',
lineHeight: 'ms-24',
letterSpacing: '1.25px'
},
lg: {
h: '48px',
p: '12px 20px',
fontSize: 'ms-18',
lineHeight: 'ms-24'
},
'block-sm': {
w: '100%',
h: '32px',
p: '8px 12px',
fontSize: 'ms-12',
lineHeight: 'ms-16',
letterSpacing: '1.25px'
},
'block-md': {
w: '100%',
h: '40px',
p: '8px 16px',
fontSize: 'ms-14',
lineHeight: 'ms-24',
letterSpacing: '1.25px'
},
'block-lg': {
w: '100%',
h: '48px',
p: '12px 20px',
fontSize: 'ms-18',
lineHeight: 'ms-24'
}
},
variants: {
primary: {
bg: 'ms-blue.500',
color: 'white',
_hover: {
bg: 'ms-blue.600',
_disabled: {
bg: 'ms-blue.200'
}
},
_focus: {
outline: 'solid 4px',
outlineColor: 'ms-blue.100',
boxShadow: 'none',
outlineOffset: '0px'
},
_disabled: {
bg: 'ms-blue.200'
}
},
secondary: {
bg: '#F2F7FF',
color: '#3470E4',
_hover: {
bg: '#D6E2FA',
_disabled: {
bg: '#F2F7FF'
}
},
_focus: {
outline: '#D6E2FA solid 4px',
boxShadow: 'none',
outlineOffset: '0px'
},
_disabled: {
bg: '#F2F7FF',
color: '#AEC6F4'
}
},
'secondary-grey': {
border: '1px solid',
borderColor: 'ms-grey.300',
bg: 'white',
color: 'ms-grey.700',
_hover: {
bg: 'ms-grey.50',
color: 'ms-grey.800',
_disabled: {
color: 'ms-grey.300'
}
},
_focus: {
boxShadow: '0px 0px 0px 4px #F3F2F2'
},
_disabled: {
bg: 'white',
color: 'ms-grey.300'
}
},
tertiary: {
bg: 'white',
color: 'ms-blue.500',
_hover: {
bg: 'ms-blue.50'
},
_focus: {
outline: 'solid 4px',
outlineColor: 'ms-blue.50',
border: 'none',
bg: 'white',
boxShadow: 'none',
outlineOffset: '0px'
},
_disabled: {
bg: 'white',
color: 'ms-grey.300'
}
},
'tertiary-grey': {
bg: 'white',
color: 'ms-grey.700',
_hover: {
bg: 'ms-grey.50'
},
_focus: {
outline: 'solid 4px',
outlineColor: 'ms-grey.50',
border: 'none',
bg: 'white',
boxShadow: 'none',
outlineOffset: '0px'
},
_disabled: {
bg: 'white',
color: 'ms-grey.300'
}
},
link: {
bg: 'white',
color: 'ms-blue.500',
_hover: {
color: 'ms-blue.600',
_disabled: {
color: 'ms-grey.300'
}
},
_focus: {
outline: 'none',
boxShadow: 'none'
},
_disabled: {
color: 'ms-grey.300'
}
},
'social-media': {
border: '1px solid',
borderColor: 'ms-grey.300',
bg: 'white',
color: 'ms-red.900',
_hover: {
bg: 'ms-blue.50',
borderColor: 'ms-blue.100',
_disabled: {
color: 'ms-grey.300'
}
},
_focus: {
bg: 'ms-blue.50',
outline: 'solid 4px',
outlineColor: 'ms-blue.100',
boxShadow: 'none',
outlineOffset: '0px'
},
_disabled: {
color: 'ms-grey.300'
}
}
},
defaultProps: {
size: 'md',
variant: 'outline'
}
};
var Heading = {
baseStyle: {},
variants: {
display: {
fontWeight: "800",
fontSize: "60px",
lineHeight: "80px",
fontFamily: "Poppins"
}
},
global: {
h1: {
fontWeight: "800",
fontSize: "48px",
lineHeight: "62px",
fontFamily: "Poppins"
},
h2: {
fontWeight: "700",
fontSize: "34px",
lineHeight: "40px",
fontFamily: "Poppins"
},
h3: {
fontWeight: "700",
fontSize: "24px",
lineHeight: "32px",
fontFamily: "Poppins"
},
h4: {
fontWeight: "700",
fontSize: "20px",
lineHeight: "28px",
fontFamily: "Poppins"
},
h5: {
fontWeight: "700",
fontSize: "18px",
lineHeight: "24px",
fontFamily: "Poppins"
},
h6: {
fontWeight: "700",
fontSize: "16px",
lineHeight: "20px",
fontFamily: "Poppins"
}
}
};
var Input = {
baseStyle: {
field: {
fontWeight: "normal",
fontStyle: "normal",
fontSize: "16px",
fontFamily: "Open sans",
borderRadius: "8px",
_placeholder: {
color: "brand.neutral.500"
},
border: "1px solid #CCCCCC ",
_focused: {
border: "1px solid #3470E4"
},
_disabled: {
background: "#F3F2F2"
}
},
addon: {
fontSize: "16px",
fontFamily: "Open sans",
_disabled: {
background: "#F3F2F2"
}
}
},
sizes: {
lg: {
field: {
fontWeight: "400",
fontSize: "16px",
lineHeight: "24px",
fontFamily: "Open Sans",
letterSpacing: "0em",
fontStyle: "normal"
}
}
},
defaultProps: {
size: "lg"
}
};
var Avatar = {
sizes: {
profile: {
container: {
width: "5rem",
height: "5rem",
fontSize: "40px"
}
}
}
};
var ModalContent = {
baseStyle: {
borderRadius: "1rem"
}
};
var PinInput = {
baseStyle: {
color: "ms-red.900",
borderRadius: "ms-8",
textStyle: "subtitle2"
},
sizes: {
desktop: {
boxSize: "3.5rem"
},
mobile: {
boxSize: "2.5rem"
}
}
};
var components = {
Badge: Badge,
Button: Button,
Heading: Heading,
Input: Input,
ModalContent: ModalContent,
Avatar: Avatar,
PinInput: PinInput
};
var borders = {
none: 0,
"ms-1": "1px solid",
"ms-2": "2px solid",
"ms-4": "4px solid",
"ms-8": "8px solid"
};
var breakpoints = /*#__PURE__*/themeTools.createBreakpoints({
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1280px",
"2xl": "1536px"
});
var colors = {
'ms-red': {
900: '#0A0103',
800: '#4F0110',
700: '#770119',
600: '#CC032A',
500: '#ED0331',
400: '#FC214C',
300: '#FD4D70',
200: '#FD90A6',
100: '#FEDFE5',
50: '#FFFAFB'
},
'ms-grey': {
900: '#21191B',
800: '#3B3435',
700: '#544D4F',
600: '#6C6768',
500: '#848081',
400: '#B2B2B2',
300: '#CCCCCC',
200: '#D9D9D9',
100: '#E5E5E5',
50: '#F3F2F2'
},
'ms-blue': {
900: '#051229',
800: '#0B2352',
700: '#10357C',
600: '#1647A5',
500: '#3470E4',
400: '#5D8DE9',
300: '#85A9EF',
200: '#AEC6F4',
100: '#D6E2FA',
50: '#F2F6FF'
},
'ms-cyan': {
500: '#1A9FBD',
400: '#87C8D5',
300: '#9FD3DE',
200: '#B7DEE6',
100: '#CFE9EE',
50: '#F2FDFF'
},
'ms-green': {
500: '#6FCD9E',
400: '#87D5AE',
300: '#9FDEBE',
200: '#B7E6CF',
100: '#CFEEDF',
50: '#EEFFF7'
},
'ms-yellow': {
500: '#FFDB66',
400: '#FFE180',
300: '#FFE799',
200: '#FFEDB3',
100: '#FFF3CC',
50: '#FFF9E5'
},
'ms-brick': {
500: '#CC926E',
400: '#D4A486',
300: '#DDB69E',
200: '#E5C9B7',
100: '#EEDBCF',
50: '#F6EDE7'
},
'ms-purple': {
500: '#6E71CC',
400: '#8689D4',
300: '#9EA0DD',
200: '#B7B8E5',
100: '#CFD0EE',
50: '#F7F7FF'
},
'ms-primary': '#FFFFFF',
'ms-error': '#D61E27',
'ms-warning': '#FF832B',
'ms-info': '#3470E4',
'ms-success': '#049402',
'ms-overlay': 'rgb(0, 3, 9, 0.7)'
};
var radii = {
none: "0",
"ms-2": "0.125rem",
"ms-4": "0.25rem",
"ms-6": "0.375rem",
"ms-8": "0.5rem",
"ms-12": "0.75rem",
"ms-16": "1rem",
"ms-24": "1.5rem",
"ms-100": "6.25rem",
full: "9999px"
};
var shadows = {
sm: "0px 1px 2px rgba(0, 0, 0, 0.06)",
base: "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)",
md: "0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",
lg: "0px -2px 11px rgba(0, 0, 0, 0.1), 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05)",
xl: "0px 0px 25px rgba(0, 0, 0, 0.1), 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.04)",
"2xl": "0px 25px 50px rgba(0, 0, 0, 0.25)",
inner: "inset 0px 2px 4px rgba(0, 0, 0, 0.06)",
outer: "0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06)"
};
var spacing = {
none: "0px",
"ms-1": "1px",
"ms-2": "0.125rem",
"ms-4": "0.25rem",
"ms-6": "0.375rem",
"ms-8": "0.5rem",
"ms-10": "0.625rem",
"ms-12": "0.75rem",
"ms-14": "0.875rem",
"ms-16": "1rem",
"ms-20": "1.25rem",
"ms-24": "1.5rem",
"ms-28": "1.75rem",
"ms-32": "2rem",
"ms-36": "2.25rem",
"ms-40": "2.5rem",
"ms-44": "2.75rem",
"ms-48": "3rem",
"ms-56": "3.5rem",
"ms-64": "4rem",
"ms-80": "5rem",
"ms-96": "6rem",
"ms-112": "7rem",
"ms-128": "8rem",
"ms-144": "9rem",
"ms-160": "10rem",
"ms-176": "11rem",
"ms-192": "12rem",
"ms-208": "13rem",
"ms-224": "14rem",
"ms-240": "15rem",
"ms-256": "16rem",
"ms-288": "18rem",
"ms-320": "20rem",
"ms-384": "24rem"
};
var typography = {
letterSpacings: {
tighter: "-0.05em",
tight: "-0.025em",
normal: "0",
wide: "0.025em",
wider: "0.05em",
widest: "0.1em"
},
lineHeights: {
"ms-80": "5rem",
"ms-62": "3.875rem",
"ms-40": "2.5rem",
"ms-34": "2.125rem",
"ms-32": "2rem",
"ms-28": "1.75rem",
"ms-24": "1.5rem",
"ms-22": "1.375rem",
"ms-20": "1.25rem",
"ms-18": "1.125rem",
"ms-16": "1rem"
},
fontWeights: {
hairline: 100,
thin: 200,
light: 300,
normal: 400,
medium: 500,
semibold: 600,
bold: 700,
extrabold: 800,
black: 900
},
fonts: {
heading: "Poppins",
body: "Open sans"
},
fontSizes: {
"ms-60": "3.75rem",
"ms-48": "3rem",
"ms-34": "2.125rem",
"ms-24": "1.5rem",
"ms-20": "1.25rem",
"ms-18": "1.125rem",
"ms-16": "1rem",
"ms-14": "0.875rem",
"ms-12": "0.75rem",
"ms-10": "0.625rem"
}
};
var blur = {
none: 0,
"ms-4": "4px",
"ms-8": "8px",
"ms-12": "12px",
"ms-16": "16px",
"ms-24": "24px",
"ms-40": "40px",
"ms-64": "64px"
};
var foundations = /*#__PURE__*/_extends({
breakpoints: breakpoints,
radii: radii,
blur: blur,
colors: colors
}, typography, {
shadows: shadows,
space: spacing,
borders: borders
});
var styles = {
global: {
body: {
m: '0px'
},
h1: {
fontWeight: '800!important',
fontSize: '48px!important',
lineHeight: '62px!important'
},
h2: {
fontWeight: '700!important',
fontSize: '34px!important',
lineHeight: '40px!important'
},
h3: {
fontWeight: '700!important',
fontSize: '24px!important',
lineHeight: '32px!important'
},
h4: {
fontWeight: '700!important',
fontSize: '20px!important',
lineHeight: '28px!important'
},
h5: {
fontWeight: '700!important',
fontSize: '18px!important',
lineHeight: '24px!important'
},
h6: {
fontWeight: '700!important',
fontSize: '16px!important',
lineHeight: '20px!important'
}
}
};
var textStyles = {
subtitle1: {
fontWeight: '400',
fontSize: '24px',
lineHeight: '34px',
fontFamily: 'Open Sans'
},
subtitle2: {
fontWeight: '600',
fontSize: '24px',
lineHeight: '34px',
fontFamily: 'Open Sans'
},
body1: {
fontWeight: '400',
fontSize: '16px',
lineHeight: '24px',
fontFamily: 'Open Sans'
},
'body1-md': {
fontWeight: '600',
fontSize: '16px',
lineHeight: '24px',
fontFamily: 'Open Sans'
},
body2: {
fontWeight: '400',
fontSize: '14px',
lineHeight: '24px',
fontFamily: 'Open Sans'
},
'body2-md': {
fontWeight: '600',
fontSize: '14px',
lineHeight: '24px',
fontFamily: 'Open Sans'
},
'btn-sm': {
fontWeight: '600',
fontSize: '12px',
lineHeight: '16px',
fontFamily: 'Open Sans',
letterSpacing: '1.25px',
textTransform: 'uppercase'
},
'btn-md': {
fontWeight: '600',
fontSize: '14px',
lineHeight: '24px',
fontFamily: 'Open Sans',
letterSpacing: '1.25px',
textTransform: 'uppercase'
},
'btn-lg': {
fontWeight: '600',
fontSize: '18px',
lineHeight: '24px',
fontFamily: 'Open Sans',
textTransform: 'uppercase'
},
caption: {
fontWeight: '400',
fontSize: '12px',
lineHeight: '16px',
fontFamily: 'Open Sans'
},
overline: {
fontWeight: '400',
fontSize: '10px',
lineHeight: '16px',
fontFamily: 'Open Sans'
}
};
var layerStyles = {
base: {
bg: "gray.50",
border: "2px solid",
borderColor: "gray.500"
},
selected: {
bg: "teal.500",
color: "teal.700",
borderColor: "orange.500"
}
};
var theme = /*#__PURE__*/react.extendTheme( /*#__PURE__*/_extends({
components: components
}, foundations, {
styles: styles,
textStyles: textStyles,
layerStyles: layerStyles
}));
var Badge$1 = function Badge(_ref) {
var leftIcon = _ref.leftIcon,
rightIcon = _ref.rightIcon,
variant = _ref.variant,
label = _ref.label,
size = _ref.size;
return React__default.createElement(React__default.Fragment, null, React__default.createElement(react.Badge, {
variant: variant,
size: size,
d: 'flex',
alignItems: 'center',
w: 'fit-content'
}, leftIcon && React__default.cloneElement(leftIcon, {
boxSize: 4
}), label ? // this will be rendered only if label prop is passed otherwise not.
React__default.createElement(react.Text, {
ml: leftIcon ? 1 : 0,
mr: rightIcon ? 1 : 0,
textStyle: "btn-sm"
}, label) : null, rightIcon && React__default.cloneElement(rightIcon, {
boxSize: 4
})));
};
var Facebook = function Facebook(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z",
fill: "#1877F2"
}), React__default.createElement("path", {
d: "M16.6711 15.4688L17.2031 12H13.875V9.75C13.875 8.80102 14.34 7.875 15.8306 7.875H17.3438V4.92188C17.3438 4.92188 15.9705 4.6875 14.6576 4.6875C11.9166 4.6875 10.125 6.34875 10.125 9.35625V12H7.07812V15.4688H10.125V23.8542C11.3674 24.0486 12.6326 24.0486 13.875 23.8542V15.4688H16.6711Z",
fill: "white"
}));
};
var Discord = function Discord(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M9.88806 10.068C9.20406 10.068 8.66406 10.668 8.66406 11.4C8.66406 12.132 9.21606 12.732 9.88806 12.732C10.5721 12.732 11.1121 12.132 11.1121 11.4C11.1241 10.668 10.5721 10.068 9.88806 10.068ZM14.2681 10.068C13.5841 10.068 13.0441 10.668 13.0441 11.4C13.0441 12.132 13.5961 12.732 14.2681 12.732C14.9521 12.732 15.4921 12.132 15.4921 11.4C15.4921 10.668 14.9521 10.068 14.2681 10.068Z",
fill: "#7289DA"
}), React__default.createElement("path", {
d: "M20.1001 0H4.02006C2.66406 0 1.56006 1.104 1.56006 2.472V18.696C1.56006 20.064 2.66406 21.168 4.02006 21.168H17.6281L16.9921 18.948L18.5281 20.376L19.9801 21.72L22.5601 24V2.472C22.5601 1.104 21.4561 0 20.1001 0ZM15.4681 15.672C15.4681 15.672 15.0361 15.156 14.6761 14.7C16.2481 14.256 16.8481 13.272 16.8481 13.272C16.3561 13.596 15.8881 13.824 15.4681 13.98C14.8681 14.232 14.2921 14.4 13.7281 14.496C12.5761 14.712 11.5201 14.652 10.6201 14.484C9.93606 14.352 9.34806 14.16 8.85606 13.968C8.58006 13.86 8.28006 13.728 7.98006 13.56C7.94406 13.536 7.90806 13.524 7.87206 13.5C7.84806 13.488 7.83606 13.476 7.82406 13.464C7.60806 13.344 7.48806 13.26 7.48806 13.26C7.48806 13.26 8.06406 14.22 9.58806 14.676C9.22806 15.132 8.78406 15.672 8.78406 15.672C6.13206 15.588 5.12406 13.848 5.12406 13.848C5.12406 9.984 6.85206 6.852 6.85206 6.852C8.58006 5.556 10.2241 5.592 10.2241 5.592L10.3441 5.736C8.18406 6.36 7.18806 7.308 7.18806 7.308C7.18806 7.308 7.45206 7.164 7.89606 6.96C9.18006 6.396 10.2001 6.24 10.6201 6.204C10.6921 6.192 10.7521 6.18 10.8241 6.18C11.5561 6.084 12.3841 6.06 13.2481 6.156C14.3881 6.288 15.6121 6.624 16.8601 7.308C16.8601 7.308 15.9121 6.408 13.8721 5.784L14.0401 5.592C14.0401 5.592 15.6841 5.556 17.4121 6.852C17.4121 6.852 19.1401 9.984 19.1401 13.848C19.1401 13.848 18.1201 15.588 15.4681 15.672Z",
fill: "#7289DA"
}));
};
var EmailOutline = function EmailOutline(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 11L4 6H20ZM20 18H4V8L12 13L20 8V18Z",
fill: "#3470E4"
}));
};
var Figma = function Figma(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("g", {
clipPath: "url(#clip0_1300_2285)"
}, React__default.createElement("path", {
d: "M8.00006 24C10.2081 24 12.0001 22.208 12.0001 20V15.9999H8.00006C5.79205 15.9999 4 17.792 4 20C4 22.208 5.79205 24 8.00006 24Z",
fill: "#0ACF83"
}), React__default.createElement("path", {
d: "M4 12C4 9.79197 5.79205 7.99994 8.00006 7.99994H12.0001V15.9999H8.00006C5.79205 16 4 14.208 4 12Z",
fill: "#A259FF"
}), React__default.createElement("path", {
d: "M4 4.00003C4 1.79203 5.79205 0 8.00006 0H12.0001V7.99997H8.00006C5.79205 7.99997 4 6.20803 4 4.00003Z",
fill: "#F24E1E"
}), React__default.createElement("path", {
d: "M12 0H16.0001C18.2081 0 20.0001 1.79203 20.0001 4.00003C20.0001 6.20803 18.2081 7.99997 16.0001 7.99997H12V0Z",
fill: "#FF7262"
}), React__default.createElement("path", {
d: "M20.0001 12C20.0001 14.208 18.2081 16 16.0001 16C13.792 16 12 14.208 12 12C12 9.79197 13.792 7.99994 16.0001 7.99994C18.2081 7.99994 20.0001 9.79197 20.0001 12Z",
fill: "#1ABCFE"
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
id: "clip0_1300_2285"
}, React__default.createElement("rect", {
width: "24",
height: "24",
fill: "white"
}))));
};
var Github = function Github(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12 0C5.3724 0 0 5.3808 0 12.0204C0 17.3304 3.438 21.8364 8.2068 23.4252C8.8068 23.5356 9.0252 23.1648 9.0252 22.8456C9.0252 22.5612 9.0156 21.804 9.0096 20.802C5.6712 21.528 4.9668 19.1904 4.9668 19.1904C4.422 17.8008 3.6348 17.4312 3.6348 17.4312C2.5452 16.6872 3.7176 16.7016 3.7176 16.7016C4.9212 16.7856 5.5548 17.94 5.5548 17.94C6.6252 19.776 8.364 19.2456 9.0468 18.9384C9.1572 18.162 9.4668 17.6328 9.81 17.3328C7.146 17.0292 4.344 15.9972 4.344 11.3916C4.344 10.08 4.812 9.006 5.5788 8.166C5.4552 7.8624 5.0436 6.6396 5.6964 4.986C5.6964 4.986 6.7044 4.662 8.9964 6.2172C9.97532 5.95022 10.9853 5.81423 12 5.8128C13.02 5.8176 14.046 5.9508 15.0048 6.2172C17.2956 4.662 18.3012 4.9848 18.3012 4.9848C18.9564 6.6396 18.5436 7.8624 18.4212 8.166C19.1892 9.006 19.6548 10.08 19.6548 11.3916C19.6548 16.0092 16.848 17.0256 14.1756 17.3232C14.6064 17.694 14.9892 18.4272 14.9892 19.5492C14.9892 21.1548 14.9748 22.452 14.9748 22.8456C14.9748 23.1672 15.1908 23.5416 15.8004 23.424C18.19 22.6225 20.2672 21.0904 21.7386 19.0441C23.2099 16.9977 24.001 14.5408 24 12.0204C24 5.3808 18.6264 0 12 0Z",
fill: "black"
}));
};
var Google = function Google(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("g", {
clipPath: "url(#clip0_1300_2290)"
}, React__default.createElement("path", {
d: "M23.766 12.2764C23.766 11.4607 23.6999 10.6406 23.5588 9.83807H12.24V14.4591H18.7217C18.4528 15.9494 17.5885 17.2678 16.323 18.1056V21.1039H20.19C22.4608 19.0139 23.766 15.9274 23.766 12.2764Z",
fill: "#4285F4"
}), React__default.createElement("path", {
d: "M12.24 24.0008C15.4764 24.0008 18.2058 22.9382 20.1944 21.1039L16.3274 18.1055C15.2516 18.8375 13.8626 19.252 12.2444 19.252C9.11376 19.252 6.45934 17.1399 5.50693 14.3003H1.51648V17.3912C3.55359 21.4434 7.70278 24.0008 12.24 24.0008Z",
fill: "#34A853"
}), React__default.createElement("path", {
d: "M5.50253 14.3003C4.99987 12.8099 4.99987 11.1961 5.50253 9.70575V6.61481H1.51649C-0.18551 10.0056 -0.18551 14.0004 1.51649 17.3912L5.50253 14.3003Z",
fill: "#FBBC04"
}), React__default.createElement("path", {
d: "M12.24 4.74966C13.9508 4.7232 15.6043 5.36697 16.8433 6.54867L20.2694 3.12262C18.1 1.0855 15.2207 -0.034466 12.24 0.000808666C7.70277 0.000808666 3.55359 2.55822 1.51648 6.61481L5.50252 9.70575C6.45052 6.86173 9.10935 4.74966 12.24 4.74966Z",
fill: "#EA4335"
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
id: "clip0_1300_2290"
}, React__default.createElement("rect", {
width: "24",
height: "24",
fill: "white"
}))));
};
var Link = function Link(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M10.59 13.41C11 13.8 11 14.44 10.59 14.83C10.2 15.22 9.56001 15.22 9.17001 14.83C7.22001 12.88 7.22001 9.71 9.17001 7.76L12.71 4.22C14.66 2.27 17.83 2.27 19.78 4.22C21.73 6.17 21.73 9.34 19.78 11.29L18.29 12.78C18.3 11.96 18.17 11.14 17.89 10.36L18.36 9.88C19.54 8.71 19.54 6.81 18.36 5.64C17.19 4.46 15.29 4.46 14.12 5.64L10.59 9.17C9.41001 10.34 9.41001 12.24 10.59 13.41ZM13.41 9.17C13.8 8.78 14.44 8.78 14.83 9.17C16.78 11.12 16.78 14.29 14.83 16.24L11.29 19.78C9.34001 21.73 6.17001 21.73 4.22001 19.78C2.27001 17.83 2.27001 14.66 4.22001 12.71L5.71001 11.22C5.70001 12.04 5.83001 12.86 6.11001 13.65L5.64001 14.12C4.46001 15.29 4.46001 17.19 5.64001 18.36C6.81001 19.54 8.71001 19.54 9.88001 18.36L13.41 14.83C14.59 13.66 14.59 11.76 13.41 10.59C13 10.2 13 9.56 13.41 9.17Z",
fill: "#3470E4"
}));
};
var LinkedIn = function LinkedIn(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("g", {
clipPath: "url(#clip0_1300_2287)"
}, React__default.createElement("path", {
d: "M22.2283 -1.90735e-06H1.77167C1.30179 -1.90735e-06 0.851161 0.186656 0.518909 0.518908C0.186657 0.85116 0 1.30179 0 1.77166V22.2283C0 22.6982 0.186657 23.1488 0.518909 23.4811C0.851161 23.8133 1.30179 24 1.77167 24H22.2283C22.6982 24 23.1488 23.8133 23.4811 23.4811C23.8133 23.1488 24 22.6982 24 22.2283V1.77166C24 1.30179 23.8133 0.85116 23.4811 0.518908C23.1488 0.186656 22.6982 -1.90735e-06 22.2283 -1.90735e-06ZM7.15333 20.445H3.545V8.98333H7.15333V20.445ZM5.34667 7.395C4.93736 7.39269 4.53792 7.26919 4.19873 7.04009C3.85955 6.81098 3.59584 6.48653 3.44088 6.10769C3.28591 5.72885 3.24665 5.31259 3.32803 4.91145C3.40941 4.51032 3.6078 4.14227 3.89816 3.85378C4.18851 3.56528 4.55781 3.36927 4.95947 3.29046C5.36112 3.21165 5.77711 3.25359 6.15495 3.41098C6.53279 3.56838 6.85554 3.83417 7.08247 4.17481C7.30939 4.51546 7.43032 4.91569 7.43 5.325C7.43386 5.59903 7.38251 5.87104 7.27901 6.1248C7.17551 6.37857 7.02198 6.6089 6.82757 6.80206C6.63316 6.99523 6.40185 7.14728 6.14742 7.24915C5.893 7.35102 5.62067 7.40062 5.34667 7.395ZM20.4533 20.455H16.8467V14.1933C16.8467 12.3467 16.0617 11.7767 15.0483 11.7767C13.9783 11.7767 12.9283 12.5833 12.9283 14.24V20.455H9.32V8.99167H12.79V10.58H12.8367C13.185 9.875 14.405 8.67 16.2667 8.67C18.28 8.67 20.455 9.865 20.455 13.365L20.4533 20.455Z",
fill: "#0A66C2"
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
id: "clip0_1300_2287"
}, React__default.createElement("rect", {
width: "24",
height: "24",
fill: "white"
}))));
};
var Reddit = function Reddit(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
fill: "#FF4500"
}), React__default.createElement("path", {
d: "M20 12C20 11.0316 19.214 10.2456 18.2456 10.2456C17.7684 10.2456 17.3474 10.428 17.0386 10.7368C15.8456 9.88068 14.1895 9.31927 12.3649 9.2491L13.1649 5.50173L15.7614 6.0491C15.7895 6.70875 16.3368 7.24208 17.0105 7.24208C17.6983 7.24208 18.2597 6.68068 18.2597 5.99296C18.2597 5.30524 17.6983 4.74384 17.0105 4.74384C16.5193 4.74384 16.0983 5.02454 15.9018 5.44559L12.9965 4.82805C12.9123 4.81401 12.8281 4.82805 12.7579 4.87015C12.6877 4.91226 12.6456 4.98243 12.6176 5.06664L11.7333 9.2491C9.86667 9.30524 8.1965 9.85261 6.98948 10.7368C6.68071 10.4421 6.24562 10.2456 5.78246 10.2456C4.81404 10.2456 4.02808 11.0316 4.02808 12C4.02808 12.7158 4.44913 13.3193 5.06667 13.6C5.0386 13.7684 5.02457 13.9509 5.02457 14.1333C5.02457 16.828 8.15439 19.0035 12.0281 19.0035C15.9018 19.0035 19.0316 16.828 19.0316 14.1333C19.0316 13.9509 19.0175 13.7824 18.9895 13.614C19.5649 13.3333 20 12.7158 20 12ZM8.00001 13.2491C8.00001 12.5614 8.56141 12 9.24913 12C9.93685 12 10.4983 12.5614 10.4983 13.2491C10.4983 13.9368 9.93685 14.4982 9.24913 14.4982C8.56141 14.4982 8.00001 13.9368 8.00001 13.2491ZM14.9754 16.5473C14.1193 17.4035 12.4912 17.4596 12.014 17.4596C11.5368 17.4596 9.89474 17.3895 9.05264 16.5473C8.92632 16.421 8.92632 16.2105 9.05264 16.0842C9.17895 15.9579 9.38948 15.9579 9.5158 16.0842C10.0491 16.6175 11.2 16.814 12.0281 16.814C12.8561 16.814 13.993 16.6175 14.5404 16.0842C14.6667 15.9579 14.8772 15.9579 15.0035 16.0842C15.1018 16.2245 15.1018 16.421 14.9754 16.5473ZM14.7509 14.4982C14.0632 14.4982 13.5018 13.9368 13.5018 13.2491C13.5018 12.5614 14.0632 12 14.7509 12C15.4386 12 16 12.5614 16 13.2491C16 13.9368 15.4386 14.4982 14.7509 14.4982Z",
fill: "white"
}));
};
var Twitter = function Twitter(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M7.54752 21.7507C16.6042 21.7507 21.5578 14.2473 21.5578 7.74046C21.5578 7.52734 21.5578 7.31518 21.5434 7.10398C22.507 6.40693 23.3389 5.54386 24 4.55518C23.1014 4.95358 22.148 5.21473 21.1718 5.3299C22.1998 4.71459 22.9692 3.74668 23.3366 2.60638C22.3701 3.17999 21.3126 3.58421 20.2099 3.80158C19.4675 3.01216 18.4856 2.48942 17.4162 2.31426C16.3468 2.13911 15.2494 2.32129 14.294 2.83263C13.3385 3.34397 12.5782 4.15595 12.1307 5.14293C11.6833 6.1299 11.5735 7.23684 11.8186 8.29246C9.86089 8.19426 7.94576 7.68549 6.19745 6.79918C4.44915 5.91288 2.90676 4.66884 1.6704 3.14782C1.04073 4.23181 0.847872 5.51505 1.1311 6.73624C1.41433 7.95744 2.15234 9.02477 3.19488 9.72094C2.41123 9.69798 1.64465 9.48657 0.96 9.10462V9.16702C0.960311 10.3039 1.35385 11.4056 2.07387 12.2854C2.79389 13.1652 3.79606 13.7688 4.9104 13.9939C4.18548 14.1916 3.42487 14.2205 2.68704 14.0784C3.00181 15.0567 3.61443 15.9122 4.43924 16.5253C5.26405 17.1384 6.25983 17.4785 7.28736 17.4979C6.26644 18.3004 5.09731 18.8937 3.84687 19.2439C2.59643 19.5941 1.28921 19.6943 0 19.5389C2.25183 20.9839 4.87192 21.7504 7.54752 21.7469",
fill: "#1DA1F2"
}));
};
var YouTube = function YouTube(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("svg", {
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, React__default.createElement("g", {
clipPath: "url(#clip0_1300_2289)"
}, React__default.createElement("path", {
d: "M23.522 6.18547C23.3863 5.67489 23.1189 5.20889 22.7465 4.83413C22.3741 4.45936 21.9099 4.18897 21.4002 4.05002C19.5238 3.54547 12.0238 3.54547 12.0238 3.54547C12.0238 3.54547 4.5238 3.54547 2.64744 4.05002C2.13773 4.18897 1.67346 4.45936 1.30109 4.83413C0.92872 5.20889 0.661309 5.67489 0.525622 6.18547C0.0238038 8.07002 0.0238037 12 0.0238037 12C0.0238037 12 0.0238038 15.93 0.525622 17.8146C0.661309 18.3251 0.92872 18.7911 1.30109 19.1659C1.67346 19.5407 2.13773 19.8111 2.64744 19.95C4.5238 20.4546 12.0238 20.4546 12.0238 20.4546C12.0238 20.4546 19.5238 20.4546 21.4002 19.95C21.9099 19.8111 22.3741 19.5407 22.7465 19.1659C23.1189 18.7911 23.3863 18.3251 23.522 17.8146C24.0238 15.93 24.0238 12 24.0238 12C24.0238 12 24.0238 8.07002 23.522 6.18547Z",
fill: "#FF0302"
}), React__default.createElement("path", {
d: "M9.56934 15.5687V8.4314L15.8421 12L9.56934 15.5687Z",
fill: "#FEFEFE"
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
id: "clip0_1300_2289"
}, React__default.createElement("rect", {
width: "24",
height: "24",
fill: "white"
})))));
};
var Zoom = function Zoom(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M0 8.22857C0 5.3483 0 3.90817 0.560538 2.80805C1.0536 1.84036 1.84036 1.0536 2.80805 0.560538C3.90817 0 5.3483 0 8.22857 0H15.7714C18.6517 0 20.0918 0 21.192 0.560538C22.1596 1.0536 22.9464 1.84036 23.4395 2.80805C24 3.90817 24 5.3483 24 8.22857V15.7714C24 18.6517 24 20.0918 23.4395 21.192C22.9464 22.1596 22.1596 22.9464 21.192 23.4395C20.0918 24 18.6517 24 15.7714 24H8.22857C5.3483 24 3.90817 24 2.80805 23.4395C1.84036 22.9464 1.0536 22.1596 0.560538 21.192C0 20.0918 0 18.6517 0 15.7714V8.22857Z",
fill: "#4087FC"
}), React__default.createElement("path", {
d: "M5.37148 6.85718C4.77186 6.85718 4.28577 7.4054 4.28577 8.08167V14.0204C4.28577 15.7449 5.5253 17.1429 7.05434 17.1429L13.4858 17.0817C14.0854 17.0817 14.5715 16.5335 14.5715 15.8572V9.8572C14.5715 8.13272 13.1005 6.8572 11.5715 6.8572L5.37148 6.85718Z",
fill: "white"
}), React__default.createElement("path", {
d: "M16.0391 9.19512C15.6511 9.57875 15.4286 10.1324 15.4286 10.7143V13.1994C15.4286 13.7814 15.6511 14.335 16.0391 14.7187L18.4533 16.845C18.9446 17.3307 19.7143 16.9373 19.7143 16.2005V7.83017C19.7143 7.09336 18.9446 6.69992 18.4533 7.18565L16.0391 9.19512Z",
fill: "white"
}));
};
var Slack = function Slack(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M21.6925 11.0768C22.9669 11.0768 24 10.0437 24 8.76928C24 7.49488 22.9668 6.46178 21.6924 6.46178C20.4179 6.46178 19.3846 7.49497 19.3846 8.76948V11.0768H21.6925ZM15.2308 11.0768C16.5053 11.0768 17.5385 10.0436 17.5385 8.76908V2.30794C17.5385 1.03343 16.5053 0.000244141 15.2308 0.000244141C13.9563 0.000244141 12.9231 1.03343 12.9231 2.30794V8.76908C12.9231 10.0436 13.9563 11.0768 15.2308 11.0768Z",
fill: "#2EB67D"
}), React__default.createElement("path", {
d: "M2.30747 12.9232C1.03308 12.9232 -1.90735e-05 13.9563 -1.90735e-05 15.2307C-1.90735e-05 16.5051 1.03318 17.5382 2.30757 17.5382C3.58208 17.5382 4.61537 16.505 4.61537 15.2305V12.9232H2.30747ZM8.76921 12.9232C7.49471 12.9232 6.46152 13.9564 6.46152 15.2309V21.6921C6.46152 22.9666 7.49471 23.9998 8.76921 23.9998C10.0437 23.9998 11.0769 22.9666 11.0769 21.6921V15.2309C11.0769 13.9564 10.0437 12.9232 8.76921 12.9232Z",
fill: "#E01E5A"
}), React__default.createElement("path", {
d: "M12.9232 21.6925C12.9232 22.9669 13.9563 24 15.2307 24C16.5051 24 17.5382 22.9668 17.5382 21.6924C17.5382 20.4179 16.505 19.3846 15.2305 19.3846L12.9232 19.3846L12.9232 21.6925ZM12.9232 15.2308C12.9232 16.5053 13.9564 17.5385 15.2309 17.5385L21.6921 17.5385C22.9666 17.5385 23.9998 16.5053 23.9998 15.2308C23.9998 13.9563 22.9666 12.9231 21.6921 12.9231L15.2309 12.9231C13.9564 12.9231 12.9232 13.9563 12.9232 15.2308Z",
fill: "#ECB22E"
}), React__default.createElement("path", {
d: "M11.0767 2.30747C11.0767 1.03308 10.0436 -1.86345e-05 8.76916 -1.86902e-05C7.49476 -1.87459e-05 6.46166 1.03318 6.46166 2.30757C6.46166 3.58208 7.49485 4.61537 8.76936 4.61537L11.0766 4.61537L11.0767 2.30747ZM11.0766 8.76921C11.0766 7.49471 10.0435 6.46152 8.76896 6.46152L2.30781 6.46152C1.03331 6.46152 0.000122227 7.49471 0.000122171 8.76921C0.000122115 10.0437 1.03331 11.0769 2.30782 11.0769L8.76896 11.0769C10.0435 11.0769 11.0766 10.0437 11.0766 8.76921Z",
fill: "#36C5F0"
}));
};
var Telegram = function Telegram(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("circle", {
cx: "12",
cy: "12",
r: "12",
fill: "url(#paint0_linear_2078_2105)"
}), React__default.createElement("path", {
d: "M17.9885 7.0361C18.0954 6.3457 17.439 5.80076 16.8251 6.07028L4.59847 11.4384C4.15825 11.6317 4.19045 12.2985 4.64702 12.4439L7.16846 13.2469C7.64969 13.4001 8.17079 13.3209 8.59101 13.0306L14.2757 9.10309C14.4472 8.98466 14.634 9.22839 14.4876 9.3794L10.3956 13.5983C9.99863 14.0075 10.0774 14.701 10.5549 15.0004L15.1363 17.8734C15.6502 18.1956 16.3112 17.8719 16.4073 17.251L17.9885 7.0361Z",
fill: "white"
}), React__default.createElement("defs", null, React__default.createElement("linearGradient", {
id: "paint0_linear_2078_2105",
x1: "12",
y1: "0",
x2: "12",
y2: "24",
gradientUnits: "userSpaceOnUse"
}, React__default.createElement("stop", {
stopColor: "#37BBFE"
}), React__default.createElement("stop", {
offset: "1",
stopColor: "#007DBB"
}))));
};
var Chrome = function Chrome(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 24 24"
}, props), React__default.createElement("path", {
d: "M6.99994 12C6.99994 9.23859 9.23853 7 11.9999 7C12.7704 7 13.4915 7.18872 14.1434 7.5H23.1195C21.3385 3.104 17.0347 0 11.9999 0C8.14777 0 4.72864 1.82233 2.53296 4.64392L7.04236 12.4211C7.0304 12.28 6.99994 12.1442 6.99994 12Z",
fill: "#F44336"
}), React__default.createElement("path", {
d: "M12 17.0001C9.38281 17.0001 7.25964 14.9822 7.04242 12.4212L2.53302 4.64404C0.951172 6.67682 0 9.22485 0 12.0001C0 18.0726 4.51489 23.0786 10.3684 23.8764L14.8195 16.1264C14.0164 16.6762 13.0467 17.0001 12 17.0001Z",
fill: "#00B060"
}), React__default.createElement("path", {
d: "M14.1434 7.5C15.8276 8.30438 17 10.0091 17 12C17 13.7147 16.135 15.2255 14.8195 16.1263L10.3684 23.8763C10.9033 23.9492 11.4451 24 12 24C18.6274 24 24 18.6274 24 12C24 10.4073 23.6829 8.89056 23.1196 7.5H14.1434Z",
fill: "#FFC107"
}), React__default.createElement("path", {
d: "M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z",
fill: "#2196F3"
}), React__default.createElement("path", {
d: "M16.4559 9.76105L23.1196 7.5H14.1434C15.1434 7.97754 15.955 8.77728 16.4559 9.76105Z",
fill: "url(#paint0_linear_3067_90448)"
}), React__default.createElement("path", {
d: "M7.83306 9.26052L2.54309 4.62012L7.03116 12.3937C6.94475 11.2889 7.23153 10.1862 7.83306 9.26052Z",
fill: "url(#paint1_linear_3067_90448)"
}), React__default.createElement("path", {
d: "M11.711 16.9786L10.3373 23.88L14.8253 16.1064C13.9118 16.7336 12.8134 17.0367 11.711 16.9786Z",
fill: "url(#paint2_linear_3067_90448)"
}), React__default.createElement("path", {
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
fill: "url(#paint3_linear_3067_90448)"
}), React__default.createElement("defs", null, React__default.createElement("linearGradient", {
id: "paint0_linear_3067_90448",
x1: "16.3875",
y1: "5.25597",
x2: "20.8755",
y2: "9.74403",
gradientUnits: "userSpaceOnUse"
}, React__default.createElement("stop", {
stopOpacity: "0.1"
}), React__default.createElement("stop", {
offset: "1",
stopOpacity: "0"
})), React__default.createElement("linearGradient", {
id: "paint1_linear_3067_90448",
x1: "1.88411",
y1: "5.2791",
x2: "8.01492",
y2: "11.4099",
gradientUnits: "userSpaceOnUse"
}, React__default.createElement("stop", {
stopOpacity: "0.1"
}), React__default.createElement("stop", {
offset: "1",
stopOpacity: "0"
})), React__default.createElement("linearGradient", {
id: "paint2_linear_3067_90448",
x1: "10.6388",
y1: "18.0507",
x2: "13.4027",
y2: "20.8146",
gradientUnits: "userSpaceOnUse"
}, React__default.createElement("stop", {
stopOpacity: "0.1"
}), React__default.createElement("stop", {
offset: "1",
stopOpacity: "0"
})), React__default.createElement("linearGradient", {
id: "paint3_linear_3067_90448",
x1: "1.12171",
y1: "6.92737",
x2: "22.8783",
y2: "17.0726",
gradientUnits: "userSpaceOnUse"
}, React__default.createElement("stop", {
stopColor: "white",
stopOpacity: "0.2"
}), React__default.createElement("stop", {
offset: "1",
stopColor: "white",
stopOpacity: "0"
}))));
};
var Discord$1 = function Discord(props) {
return React__default.createElement(icons.Icon, Object.assign({
viewBox: "0 0 37 24"
}, props), React__default.createElement("path", {
d: "M19.9999 12C19.9999 9.23859 22.2385 7 24.9999 7C25.7704 7 26.4915 7.18872 27.1434 7.5H36.1195C34.3385 3.104 30.0347 0 24.9999 0C21.1478 0 17.7286 1.82233 15.533 4.64392L20.0424 12.4211C20.0304 12.28 19.9999 12.1442 19.9999 12Z",
fill: "#F44336"
}), React__default.createElement("path", {
d: "M25 17.0001C22.3828 17.0001 20.2596 14.9822 20.0424 12.4212L15.533 4.64404C13.9512 6.67682 13 9.22485 13 12.0001C13 18.0726 17.5149 23.0786 23.3684 23.8764L27.8195 16.1264C27.0164 16.6762 26.0467 17.0001 25 17.0001Z",
fill: "#00B060"
}), React__default.createElement("path", {
d: "M27.1434 7.5C28.8276 8.30438 30 10.0091 30 12C30 13.7147 29.135 15.2255 27.8195 16.1263L23.3684 23.8763C23.9033 23.9492 24.4451 24 25 24C31.6274 24 37 18.6274 37 12C37 10.4073 36.6829 8.89056 36.1196 7.5H27.1434Z",
fill: "#FFC107"
}), React__default.createElement("path", {
d: "M25 16C27.2091 16 29 14.2091 29 12C29 9.79086 27.2091 8 25 8C22.7909 8 21 9.79086 21 12C21 14.2091 22.7909 16 25 16Z",
fill: "#2196F3"
}), React__default.createElement("path", {
d: "M29.4559 9.76105L36.1196 7.5H27.1434C28.1434 7.97754 28.955 8.77728 29.4559 9.76105Z",
fill: "url(#paint0_linear_3176_91786)"
}), React__default.createElement("path", {
d: "M20.8331 9.26052L15.5431 4.62012L20.0312 12.3937C19.9447 11.2889 20.2315 10.1862 20.8331 9.26052Z",
fill: "url(#paint1_linear_3176_91786)"
}), React__default.createElement("path", {
d: "M24.711 16.9786L23.3373 23.88L27.8253 16.1064C26.9118 16.7336 25.8134 17.0367 24.711 16.9786Z",
fill: "url(#paint2_linear_3176_91786)"
}), React__default.createElement("path", {
d: "M36.5 12C36.5 18.3513 31.3513 23.5 25 23.5C18.6487 23.5 13.5 18.3513 13.5 12C13.5 5.64873 18.6487 0.5 25 0.5C31.3513 0.5 36.5 5.64873 36.5 12Z",
fill: "url(#paint3_linear_3176_91786)",
stroke: "white"
}), React__default.createElement("path", {
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
fill: "url(#paint4_radial_3176_91786)"
}), React__default.createElement("path", {
d: "M11.9999 23.7291C18.5526 23.7291 23.8645 18.4172 23.8645 11.8646C23.8645 5.31195 18.5526 0 11.9999 0C5.44732 0 0.135376 5.31195 0.135376 11.8646C0.135376 18.4172 5.44732 23.7291 11.9999 23.7291Z",
fill: "url(#paint5_linear_3176_91786)"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M20.6663 6.88306L20.184 6.79852L20.556 6.20673C20.5546 6.20367 19.7963 6.68567 19.7949 6.68268C19.6628 6.38971 19.3162 6.51752 19.0873 6.36853C19.1566 6.25995 19.1843 6.14648 19.2283 6.06134C19.2954 5.93195 19.5302 5.72156 19.4904 5.60333L19.5404 5.30695L19.623 5.12708L19.1171 5.09131L18.8377 5.03296L18.5005 4.89941L18.4489 5.50061L18.3192 5.63C18.3165 5.62799 18.3131 5.62482 18.3105 5.62286C18.0172 5.40515 17.8897 4.84918 17.5299 4.97784C17.1701 5.10651 17.0314 4.77869 16.5732 4.98688C16.1151 5.19501 16.2177 5.05786 16.0372 5.27429C15.8567 5.49066 15.9072 5.83801 15.8787 6.05719C15.8532 6.25275 15.7104 6.53394 15.7405 6.74951C15.7119 6.74237 15.6848 6.73816 15.6544 6.72668C15.4312 6.64197 15.5396 6.42322 15.2927 6.33423C15.141 6.27948 15.1448 6.5224 15.2003 6.78302C15.1929 6.78967 15.0559 6.91144 14.8262 6.94531C14.5901 6.9801 14.5782 6.73627 14.3192 6.77875C14.0602 6.82117 14.5433 7.35162 14.7951 7.534C15.0469 7.71631 15.1126 8.17712 15.4591 8.07355C15.6078 8.02905 15.7108 8.05408 15.815 8.08356C16.008 8.19794 16.0501 8.39673 16.4343 8.45361C16.6289 8.48242 16.7158 8.50647 16.7706 8.52112L16.7865 8.54327L17.0145 9.02069L17.27 8.33783C17.3001 8.30701 17.3204 8.27924 17.3472 8.24683C17.4515 8.67645 17.5866 9.22864 17.5833 9.229C17.0414 9.2832 17.0598 9.90894 16.6971 10.1964C16.56 10.0265 16.3927 9.9209 16.2797 9.80414C16.108 9.62671 15.8966 9.13617 15.6852 9.13617L15.2361 8.89612L14.9917 8.6665L14.6614 9.45972L14.4171 9.8772L14.0208 10.3469L14.9587 10.7539L15.0966 11.032C15.0919 11.0353 15.085 11.039 15.0805 11.0422C14.5726 11.3959 13.6107 11.301 13.6234 11.9483C13.6361 12.5957 13.0347 12.6417 13.1221 13.4899C13.2094 14.3381 13.0444 14.0994 13.2947 14.506C13.5451 14.9126 14.1301 15.0189 14.4669 15.1828C14.7673 15.3291 15.142 15.7102 15.5046 15.778C15.4776 15.8201 15.4563 15.8615 15.4214 15.9041C15.165 16.2169 14.8721 15.9249 14.596 16.2735C14.4262 16.4876 14.8185 16.6125 15.267 16.6639C15.2738 16.6794 15.3956 16.965 15.3261 17.3523C15.2546 17.7504 14.8566 17.6381 14.7852 18.077C14.7137 18.5159 15.8262 18.0259 16.255 17.7197C16.6836 17.4135 17.4593 17.5564 17.4797 16.944C17.4885 16.6812 17.5842 16.5292 17.6877 16.3776C17.9755 16.1293 18.3176 16.1688 18.6161 15.5823C18.7673 15.2852 18.8528 15.1586 18.9058 15.0785L18.95 15.0649L19.8399 14.9562L18.8807 14.1775C18.7749 13.9713 18.6327 13.7879 18.549 13.6282C18.4664 13.4706 18.4103 13.2243 18.3298 13.0062C18.4539 12.9807 18.573 12.9066 18.6854 12.7148C19.002 12.1743 19.2839 12.3196 19.6683 11.5898C20.0526 10.8601 20.0049 11.1083 20.0993 10.6949C20.1937 10.2816 19.9945 10.0151 19.9309 9.77643C19.8674 9.53784 19.9218 9.00647 19.7371 8.9035L19.4618 8.4751L19.4906 8.34882C19.7026 8.30804 19.817 8.17328 19.9295 8.09894C20.0511 8.01855 20.3586 7.94922 20.3815 7.8266L20.5695 7.5921L20.7805 7.57098L20.7875 7.24438L20.8958 6.94867L20.6663 6.88306ZM17.4941 8.07373C17.5004 8.06665 17.5087 8.0556 17.515 8.04907C17.5877 7.97327 17.715 7.89569 17.8219 7.80969C17.8594 7.87433 17.9232 7.927 18.0516 7.95386C18.1699 7.97858 18.2438 8.0163 18.3101 8.05682L17.9791 8.6665L17.4941 8.07373Z",
fill: "black"
}), React__default.createElement("path", {
d: "M24 11.9793C24 18.6053 18.6261 24.0001 12 24.0001C5.37394 24.0001 0 18.6053 0 11.9793C0 9.85052 0.563455 7.84706 1.53388 6.11492C0.918266 5.23837 0.699113 3.50622 2.08696 2.06622C2.08696 2.61923 2.42088 3.56883 2.79651 4.27838C3.0991 4.84184 3.42296 5.2502 3.65217 5.19665C4.17466 5.07459 6 5.07144 6.26087 5.19665C6.68867 4.64358 7.73215 3.10969 9.3913 3.10969C8.46259 4.0384 5.80174 7.28361 10.4348 7.28361C10.9565 7.28361 11.4783 7.28361 11.4783 7.28361L8.34783 9.37056C8.34783 9.37056 8.70264 10.0592 8.34783 10.414C7.9513 10.0175 6.26087 10.8418 6.26087 11.9793C6.26087 13.1166 7.47128 14.588 9.91304 14.588C12.3548 14.588 11.7391 13.5445 13.0435 13.5445C14.3478 13.5445 14.6087 14.588 14.6087 14.588C12.8139 14.588 11.5096 16.6749 9.3913 16.6749C10.4348 17.4471 11.1235 17.7184 12.5217 17.7184C15.9756 17.7184 18.7826 14.9114 18.7826 11.4575C18.7826 10.0592 18.3235 8.77577 17.5513 7.7323C18.9495 8.77577 19.8887 10.3827 20.0556 12.2088C20.2435 11.4783 20.3478 10.6957 20.3478 9.8923C20.3478 6.76187 19.0956 2.56706 16.7896 0.980957C21.0365 2.82793 24 7.05401 24 11.9793Z",
fill: "url(#paint6_radial_3176_91786)"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M6.26086 11.9792C6.26086 10.8418 7.95129 10.0175 8.34784 10.414C8.63843 10.1234 8.45483 9.61469 8.37817 9.43799C8.35803 9.54572 8.31586 9.64886 8.23175 9.73297C7.82263 9.32385 6.07849 10.1743 6.07849 11.3479C6.07849 11.6219 6.15332 11.9145 6.28973 12.2023C6.27997 12.1278 6.26086 12.0516 6.26086 11.9792Z",
fill: "black"
}), React__default.createElement("path", {
d: "M20.3478 9.89227C20.3478 10.3303 20.2548 11.5758 20.0588 12.208C20.0796 12.3425 20.1052 12.4755 20.1177 12.6125C20.3116 11.8588 20.613 10.0236 20.613 9.19464C20.613 6.92841 19.9747 4.12482 18.7733 2.08636C18.1505 1.66016 17.4896 1.2854 16.7896 0.980957C19.0956 2.56702 20.3478 6.76184 20.3478 9.89227Z",
fill: "url(#paint7_linear_3176_91786)"
}), React__default.createElement("path", {
d: "M17.5513 7.73242C18.3234 8.77588 18.7825 10.0593 18.7825 11.4576C18.7825 12.0748 18.6895 12.6699 18.5225 13.2333C18.8268 12.4842 18.9981 11.6672 18.9981 10.8097C18.9981 10.1183 18.8834 9.45667 18.6824 8.83392C18.3514 8.42303 17.9756 8.04913 17.5513 7.73242Z",
fill: "url(#paint8_linear_3176_91786)"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M14.6087 14.588C14.6087 14.588 14.5443 14.3417 14.3321 14.0889C12.6613 14.3392 10.8178 16.2578 8.77808 16.2578C8.99701 16.4199 9.19916 16.5553 9.39703 16.6766C11.2206 16.7619 12.9724 14.588 14.6087 14.588Z",
fill: "black"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M2.20233 2.75378C2.13599 2.4975 2.08704 2.25494 2.08704 2.06592C2.04907 2.10535 2.0246 2.14685 1.98901 2.18671C2.05048 2.37421 2.12384 2.56531 2.20233 2.75378Z",
fill: "black"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M1.17719 5.34692C1.1861 5.33081 1.19226 5.31293 1.20129 5.29688C1.17969 5.26605 1.16296 5.22662 1.14233 5.19385C1.1543 5.24493 1.16284 5.29767 1.17719 5.34692Z",
fill: "black"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M12 23.729C8.16507 23.729 4.69867 21.9761 2.42737 19.2373C4.62012 22.1097 8.10843 23.9999 12 23.9999C15.8916 23.9999 19.3543 22.1458 21.5471 19.2734C19.2758 22.0122 15.835 23.729 12 23.729Z",
fill: "black"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M10.3002 7.27734L8.23169 8.65637C8.23169 8.65637 8.40839 9.00751 8.38855 9.34344L11.4782 7.28363C11.4782 7.28363 10.9565 7.28363 10.4347 7.28363C10.3851 7.28363 10.3481 7.27808 10.3002 7.27734Z",
fill: "black"
}), React__default.createElement("path", {
opacity: "0.1",
d: "M7.81882 6.18348C7.66125 4.96452 8.90563 3.59503 9.39128 3.10938C9.01738 3.10938 8.67925 3.19489 8.36791 3.3219C7.83489 4.0882 7.42307 5.52778 7.81882 6.18348Z",
fill: "black"
}), React__default.createElement("path", {
d: "M16.6973 1.52533L16.7153 1.49466C20.7191 3.2931 23.5 7.30843 23.5 11.9791C23.5 18.3302 18.3488 23.5 12 23.5C5.65124 23.5 0.5 18.3302 0.5 11.9791C0.5 9.93952 1.03975 8.01979 1.97009 6.35912L2.1238 6.08474L1.94304 5.82738C1.5656 5.28996 1.34952 4.29194 1.83142 3.28628C1.97009 3.70318 2.15623 4.13742 2.3546 4.51218L2.35459 4.51218L2.35586 4.51455C2.368