@helpdice/ui 1.0.1 → 1.0.2

package/esm/login-with/LoginSocialLinkedin/index.js

@@ -0,0 +1,151 @@
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialLinkedin
+ *
+ */
+// import { PASS_CORS_KEY } from 'helper/constants';
+"use client";
+
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { memo, useCallback, useEffect } from 'react';
+var LINKEDIN_URL = 'https://www.linkedin.com/oauth/v2';
+var LINKEDIN_API_URL = 'https://api.linkedin.com';
+var PREVENT_CORS_URL = '';
+export var LoginSocialLinkedin = function LoginSocialLinkedin(_ref) {
+  var _ref$state = _ref.state,
+    state = _ref$state === void 0 ? '' : _ref$state,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'r_liteprofile' : _ref$scope,
+    client_id = _ref.client_id,
+    client_secret = _ref.client_secret,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    redirect_uri = _ref.redirect_uri,
+    _ref$response_type = _ref.response_type,
+    response_type = _ref$response_type === void 0 ? 'code' : _ref$response_type,
+    _ref$isOnlyGetCode = _ref.isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
+    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
+    children = _ref.children,
+    onLoginStart = _ref.onLoginStart,
+    onReject = _ref.onReject,
+    onResolve = _ref.onResolve;
+  useEffect(function () {
+    var popupWindowURL = new URL(window.location.href);
+    var code = popupWindowURL.searchParams.get('code');
+    var state = popupWindowURL.searchParams.get('state');
+    if (state !== null && state !== void 0 && state.includes('_linkedin') && code) {
+      localStorage.setItem('linkedin', code);
+      window.close();
+    }
+  }, []);
+  var getProfile = useCallback(function (data) {
+    fetch("https://api.allorigins.win/get?url=".concat(encodeURIComponent(LINKEDIN_API_URL + '/v2/me?oauth2_access_token=' + data.access_token + '&projection=(id,profilePicture(displayImage~digitalmediaAsset:playableStreams),localizedLastName, firstName,lastName,localizedFirstName)')), {
+      method: 'GET'
+    }).then(function (res) {
+      return res.json();
+    }).then(function (res) {
+      var response = _extends({}, data);
+      if (res.contents) {
+        var contents = JSON.parse(res.contents);
+        if (_typeof(data) === 'object') Object.entries(contents).map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            value = _ref3[1];
+          response[key] = value;
+        });
+      }
+      onResolve({
+        provider: 'linkedin',
+        data: response
+      });
+    })["catch"](function (err) {
+      onReject(err);
+    });
+  }, [onReject, onResolve]);
+  var getAccessToken = useCallback(function (code) {
+    if (isOnlyGetCode) onResolve({
+      provider: 'linkedin',
+      data: {
+        code: code
+      }
+    });else {
+      var params = {
+        code: code,
+        grant_type: 'authorization_code',
+        redirect_uri: redirect_uri,
+        client_id: client_id,
+        client_secret: client_secret
+      };
+      var headers = new Headers({
+        'Content-Type': 'application/x-www-form-urlencoded'
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+      });
+      fetch("".concat(PREVENT_CORS_URL, "/").concat(LINKEDIN_URL, "/accessToken"), {
+        method: 'POST',
+        headers: headers,
+        body: new URLSearchParams(params)
+      }).then(function (response) {
+        return response.json();
+      }).then(function (response) {
+        if (isOnlyGetToken) onResolve({
+          provider: 'linkedin',
+          data: response
+        });else getProfile(response);
+      })["catch"](function (err) {
+        onReject(err);
+      });
+    }
+  }, [onReject, onResolve, client_id, getProfile, redirect_uri, client_secret, isOnlyGetCode, isOnlyGetToken]);
+  var handlePostMessage = useCallback( /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
+      var type, code, provider;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            type = _ref4.type, code = _ref4.code, provider = _ref4.provider;
+            return _context.abrupt("return", type === 'code' && provider === 'linkedin' && code && getAccessToken(code));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref5.apply(this, arguments);
+    };
+  }(), [getAccessToken]);
+  var onChangeLocalStorage = useCallback(function () {
+    window.removeEventListener('storage', onChangeLocalStorage, false);
+    var code = localStorage.getItem('linkedin');
+    if (code) {
+      handlePostMessage({
+        provider: 'linkedin',
+        type: 'code',
+        code: code
+      });
+      localStorage.removeItem('linkedin');
+    }
+  }, [handlePostMessage]);
+  var onLogin = useCallback(function () {
+    onLoginStart && onLoginStart();
+    window.addEventListener('storage', onChangeLocalStorage, false);
+    var oauthUrl = "".concat(LINKEDIN_URL, "/authorization?response_type=").concat(response_type, "&client_id=").concat(client_id, "&scope=").concat(scope, "&state=").concat(state + '_linkedin', "&redirect_uri=").concat(redirect_uri);
+    var width = 450;
+    var height = 730;
+    var left = window.screen.width / 2 - width / 2;
+    var top = window.screen.height / 2 - height / 2;
+    window.open(oauthUrl, 'Linkedin', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
+  }, [onLoginStart, onChangeLocalStorage, response_type, client_id, scope, state, redirect_uri]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onLogin
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialLinkedin);

package/esm/login-with/LoginSocialMicrosoft/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IResolveParams, objectType } from "..";
+interface Props {
+    scope?: string;
+    state?: string;
+    client_id: string;
+    className?: string;
+    redirect_uri: string;
+    response_type?: string;
+    response_mode?: string;
+    code_challenge?: string;
+    children?: React.ReactNode;
+    isOnlyGetCode?: boolean;
+    isOnlyGetToken?: boolean;
+    onLoginStart?: () => void;
+    onReject: (reject: string | objectType) => void;
+    code_challenge_method?: 'plain' | 's256'[];
+    onResolve: ({ provider, data }: IResolveParams) => void;
+    tenant?: 'common' | 'organizations' | 'consumers';
+    prompt?: 'login' | 'none' | 'consent' | 'select_account';
+}
+export declare const LoginSocialMicrosoft: ({ tenant, state, client_id, className, redirect_uri, scope, response_type, response_mode, children, code_challenge, code_challenge_method, prompt, isOnlyGetCode, isOnlyGetToken, onLoginStart, onReject, onResolve, }: Props) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ tenant, state, client_id, className, redirect_uri, scope, response_type, response_mode, children, code_challenge, code_challenge_method, prompt, isOnlyGetCode, isOnlyGetToken, onLoginStart, onReject, onResolve, }: Props) => JSX.Element>;
+export default _default;

package/esm/login-with/LoginSocialMicrosoft/index.js

@@ -0,0 +1,154 @@
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialMicrosoft
+ *
+ */
+"use client";
+
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { memo, useCallback, useEffect } from 'react';
+var MICROSOFT_URL = 'https://login.microsoftonline.com';
+var MICROSOFT_API_URL = 'https://graph.microsoft.com';
+// const PREVENT_CORS_URL: string = 'https://cors.bridged.cc'
+
+export var LoginSocialMicrosoft = function LoginSocialMicrosoft(_ref) {
+  var _ref$tenant = _ref.tenant,
+    tenant = _ref$tenant === void 0 ? 'common' : _ref$tenant,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? '' : _ref$state,
+    client_id = _ref.client_id,
+    className = _ref.className,
+    redirect_uri = _ref.redirect_uri,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'profile openid email' : _ref$scope,
+    _ref$response_type = _ref.response_type,
+    response_type = _ref$response_type === void 0 ? 'code' : _ref$response_type,
+    _ref$response_mode = _ref.response_mode,
+    response_mode = _ref$response_mode === void 0 ? 'query' : _ref$response_mode,
+    children = _ref.children,
+    _ref$code_challenge = _ref.code_challenge,
+    code_challenge = _ref$code_challenge === void 0 ? '19cfc47c216dacba8ca23eeee817603e2ba34fe0976378662ba31688ed302fa9' : _ref$code_challenge,
+    _ref$code_challenge_m = _ref.code_challenge_method,
+    code_challenge_method = _ref$code_challenge_m === void 0 ? 'plain' : _ref$code_challenge_m,
+    _ref$prompt = _ref.prompt,
+    prompt = _ref$prompt === void 0 ? 'select_account' : _ref$prompt,
+    _ref$isOnlyGetCode = _ref.isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
+    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
+    onLoginStart = _ref.onLoginStart,
+    onReject = _ref.onReject,
+    onResolve = _ref.onResolve;
+  useEffect(function () {
+    var popupWindowURL = new URL(window.location.href);
+    var code = popupWindowURL.searchParams.get('code');
+    var state = popupWindowURL.searchParams.get('state');
+    if (state !== null && state !== void 0 && state.includes('_microsoft') && code) {
+      localStorage.setItem('microsoft', code);
+      window.close();
+    }
+  }, []);
+  var getProfile = useCallback(function (data) {
+    fetch("".concat(MICROSOFT_API_URL, "/v1.0/me"), {
+      method: 'GET',
+      headers: {
+        Authorization: "Bearer ".concat(data.access_token)
+      }
+    }).then(function (res) {
+      return res.json();
+    }).then(function (res) {
+      onResolve({
+        provider: 'microsoft',
+        data: _extends({}, res, data)
+      });
+    })["catch"](function (err) {
+      onReject(err);
+    });
+  }, [onReject, onResolve]);
+  var getAccessToken = useCallback(function (code) {
+    if (isOnlyGetCode) onResolve({
+      provider: 'microsoft',
+      data: {
+        code: code
+      }
+    });else {
+      var params = {
+        code: code,
+        scope: scope,
+        client_id: client_id,
+        redirect_uri: redirect_uri,
+        code_verifier: code_challenge,
+        grant_type: 'authorization_code'
+      };
+      var headers = new Headers({
+        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
+      });
+      fetch("".concat(MICROSOFT_URL, "/").concat(tenant, "/oauth2/v2.0/token"), {
+        method: 'POST',
+        headers: headers,
+        body: new URLSearchParams(params)
+      }).then(function (response) {
+        return response.json();
+      }).then(function (data) {
+        if (data.access_token) {
+          if (isOnlyGetToken) onResolve({
+            provider: 'microsoft',
+            data: data
+          });else getProfile(data);
+        } else {
+          onReject('no data');
+        }
+      })["catch"](function (err) {
+        onReject(err);
+      });
+    }
+  }, [scope, tenant, onReject, getProfile, client_id, onResolve, redirect_uri, code_challenge, isOnlyGetCode, isOnlyGetToken]);
+  var handlePostMessage = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
+      var type, code, provider;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
+            return _context.abrupt("return", type === 'code' && provider === 'microsoft' && code && getAccessToken(code));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [getAccessToken]);
+  var onChangeLocalStorage = useCallback(function () {
+    window.removeEventListener('storage', onChangeLocalStorage, false);
+    var code = localStorage.getItem('microsoft');
+    if (code) {
+      handlePostMessage({
+        provider: 'microsoft',
+        type: 'code',
+        code: code
+      });
+      localStorage.removeItem('microsoft');
+    }
+  }, [handlePostMessage]);
+  var onLogin = useCallback(function () {
+    onLoginStart && onLoginStart();
+    window.addEventListener('storage', onChangeLocalStorage, false);
+    var oauthUrl = "".concat(MICROSOFT_URL, "/").concat(tenant, "/oauth2/v2.0/authorize?client_id=").concat(client_id, "\n        &response_type=").concat(response_type, "\n        &redirect_uri=").concat(redirect_uri, "\n        &response_mode=").concat(response_mode, "\n        &scope=").concat(scope, "\n        &state=").concat(state + '_microsoft', "\n        &prompt=").concat(prompt, "\n        &code_challenge=").concat(code_challenge, "\n        &code_challenge_method=").concat(code_challenge_method);
+    var width = 450;
+    var height = 730;
+    var left = window.screen.width / 2 - width / 2;
+    var top = window.screen.height / 2 - height / 2;
+    window.open(oauthUrl, 'Microsoft', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
+  }, [scope, state, prompt, tenant, client_id, onLoginStart, redirect_uri, response_mode, response_type, code_challenge, onChangeLocalStorage, code_challenge_method]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onLogin
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialMicrosoft);

package/esm/login-with/LoginSocialPinterest/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { IResolveParams, objectType } from "..";
+interface Props {
+    state?: string;
+    scope?: string;
+    client_id: string;
+    client_secret: string;
+    className?: string;
+    redirect_uri: string;
+    children?: React.ReactNode;
+    isOnlyGetCode?: boolean;
+    isOnlyGetToken?: boolean;
+    onLoginStart?: () => void;
+    onReject: (reject: string | objectType) => void;
+    onResolve: ({ provider, data }: IResolveParams) => void;
+}
+export declare const LoginSocialPinterest: ({ state, scope, client_id, client_secret, className, redirect_uri, isOnlyGetCode, isOnlyGetToken, children, onLoginStart, onReject, onResolve, }: Props) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ state, scope, client_id, client_secret, className, redirect_uri, isOnlyGetCode, isOnlyGetToken, children, onLoginStart, onReject, onResolve, }: Props) => JSX.Element>;
+export default _default;

package/esm/login-with/LoginSocialPinterest/index.js

@@ -0,0 +1,171 @@
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialPinterest
+ *
+ */
+// import { PASS_CORS_KEY } from 'helper/constants';
+"use client";
+
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { memo, useCallback, useEffect } from 'react';
+import _ from 'lodash';
+var PINTEREST_URL = 'https://www.pinterest.com/oauth';
+var PINTEREST_URL_API = 'https://api.pinterest.com/v5';
+var PREVENT_CORS_URL = '';
+export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
+  var _ref$state = _ref.state,
+    state = _ref$state === void 0 ? '' : _ref$state,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'boards:read,pins:read,user_accounts:read' : _ref$scope,
+    client_id = _ref.client_id,
+    client_secret = _ref.client_secret,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    redirect_uri = _ref.redirect_uri,
+    _ref$isOnlyGetCode = _ref.isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
+    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
+    children = _ref.children,
+    onLoginStart = _ref.onLoginStart,
+    onReject = _ref.onReject,
+    onResolve = _ref.onResolve;
+  useEffect(function () {
+    var popupWindowURL = new URL(window.location.href);
+    var code = popupWindowURL.searchParams.get('code');
+    var state = popupWindowURL.searchParams.get('state');
+    if (state !== null && state !== void 0 && state.includes('_pinterest') && code) {
+      localStorage.setItem('pinterest', code);
+      window.close();
+    }
+  }, []);
+  var getProfile = useCallback(function (data) {
+    fetch("".concat(PREVENT_CORS_URL, "/").concat(PINTEREST_URL_API, "/user_account"), {
+      method: 'GET',
+      headers: {
+        Authorization: "Bearer ".concat(data.access_token)
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+      }
+    }).then(function (res) {
+      return res.json();
+    }).then(function (res) {
+      onResolve({
+        provider: 'pinterest',
+        data: _extends({}, data, res)
+      });
+    })["catch"](function (err) {
+      return onReject(err);
+    });
+  }, [onReject, onResolve]);
+  var getAccessToken = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(code) {
+      var details, formBody, property, encodedKey, encodedValue, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!isOnlyGetCode) {
+              _context.next = 4;
+              break;
+            }
+            onResolve({
+              provider: 'pinterest',
+              data: {
+                code: code
+              }
+            });
+            _context.next = 12;
+            break;
+          case 4:
+            details = {
+              code: code,
+              redirect_uri: redirect_uri,
+              grant_type: "authorization_code"
+            };
+            formBody = [];
+            for (property in details) {
+              encodedKey = encodeURIComponent(property);
+              encodedValue = encodeURIComponent(_.get(details, property));
+              formBody.push(encodedKey + '=' + encodedValue);
+            }
+            formBody = formBody.join('&');
+            _context.next = 10;
+            return fetch("".concat(PREVENT_CORS_URL, "/").concat(PINTEREST_URL_API, "/oauth/token"), {
+              method: 'POST',
+              headers: {
+                Authorization: "Basic ".concat(btoa(client_id + ':' + client_secret)),
+                'Content-Type': 'application/x-www-form-urlencoded'
+                // 'x-cors-grida-api-key': PASS_CORS_KEY,
+              },
+              body: formBody
+            }).then(function (data) {
+              return data.json();
+            })["catch"](function (err) {
+              return onReject(err);
+            });
+          case 10:
+            data = _context.sent;
+            if (data.access_token) {
+              if (isOnlyGetToken) onResolve({
+                provider: 'pinterest',
+                data: data
+              });else getProfile(data);
+            }
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [onReject, client_id, getProfile, onResolve, redirect_uri, client_secret, isOnlyGetCode, isOnlyGetToken]);
+  var handlePostMessage = useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+      var type, code, provider;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            type = _ref3.type, code = _ref3.code, provider = _ref3.provider;
+            return _context2.abrupt("return", type === 'code' && provider === 'pinterest' && code && getAccessToken(code));
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [getAccessToken]);
+  var onChangeLocalStorage = useCallback(function () {
+    window.removeEventListener('storage', onChangeLocalStorage, false);
+    var code = localStorage.getItem('pinterest');
+    if (code) {
+      handlePostMessage({
+        provider: 'pinterest',
+        type: 'code',
+        code: code
+      });
+      localStorage.removeItem('pinterest');
+    }
+  }, [handlePostMessage]);
+  var onLogin = useCallback(function () {
+    onLoginStart && onLoginStart();
+    window.addEventListener('storage', onChangeLocalStorage, false);
+    var oauthUrl = "".concat(PINTEREST_URL, "/?client_id=").concat(client_id, "&scope=").concat(scope, "&state=").concat(state + '_pinterest', "&redirect_uri=").concat(redirect_uri, "&response_type=code");
+    var width = 450;
+    var height = 730;
+    var left = window.screen.width / 2 - width / 2;
+    var top = window.screen.height / 2 - height / 2;
+    window.open(oauthUrl, 'Pinterest', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
+  }, [scope, state, client_id, redirect_uri, onLoginStart, onChangeLocalStorage]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onLogin
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialPinterest);

package/esm/login-with/LoginSocialTiktok/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IResolveParams, objectType } from "..";
+interface Props {
+    state?: string;
+    scope?: string;
+    client_key: string;
+    className?: string;
+    redirect_uri: string;
+    children?: React.ReactNode;
+    onLoginStart?: () => void;
+    onReject: (reject: string | objectType) => void;
+    onResolve: ({ provider, data }: IResolveParams) => void;
+}
+export declare const LoginSocialGithub: ({ state, scope, client_key, className, redirect_uri, children, onResolve, onLoginStart, }: Props) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ state, scope, client_key, className, redirect_uri, children, onResolve, onLoginStart, }: Props) => JSX.Element>;
+export default _default;