antd-mobile 5.42.3 → 5.43.0

package/cjs/components/cascader/cascader.css

@@ -32,3 +32,7 @@
 .adm-cascader-body > .adm-cascader-view {
   --height: 310px;
 }
+.adm-cascader-popup .adm-popup-body {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}

package/cjs/components/cascader/cascader.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
-import { PopupProps } from '../popup';
-import { CascaderValue, CascaderValueExtend, CascaderOption } from '../cascader-view';
-import { NativeProps } from '../../utils/native-props';
 import type { FieldNamesType } from '../../hooks';
+import { NativeProps } from '../../utils/native-props';
+import { CascaderOption, CascaderValue, CascaderValueExtend, CascaderViewOptionRender } from '../cascader-view';
+import { PopupProps } from '../popup';
 export declare type CascaderActions = {
     open: () => void;
     close: () => void;
@@ -27,6 +27,7 @@ export declare type CascaderProps = {
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
     fieldNames?: FieldNamesType;
+    optionRender?: CascaderViewOptionRender;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'destroyOnClose' | 'forceRender'> & NativeProps;
 export declare const Cascader: React.ForwardRefExoticComponent<{
     options: CascaderOption[];
@@ -46,6 +47,7 @@ export declare const Cascader: React.ForwardRefExoticComponent<{
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: ReactNode;
     fieldNames?: FieldNamesType | undefined;
+    optionRender?: CascaderViewOptionRender | undefined;
 } & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;

package/cjs/components/cascader/cascader.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Cascader = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _popup = _interopRequireDefault(require("../popup"));
-var _withDefaultProps = require("../../utils/with-default-props");
+var _hooks = require("../../hooks");
 var _nativeProps = require("../../utils/native-props");
 var _usePropsValue = require("../../utils/use-props-value");
+var _withDefaultProps = require("../../utils/with-default-props");
 var _cascaderView = _interopRequireDefault(require("../cascader-view"));
-var _configProvider = require("../config-provider");
 var _useCascaderValueExtend = require("../cascader-view/use-cascader-value-extend");
-var _hooks = require("../../hooks");
+var _configProvider = require("../config-provider");
+var _popup = _interopRequireDefault(require("../popup"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -67,9 +67,7 @@ const Cascader = (0, _react.forwardRef)((p, ref) => {
   });
   const [innerValue, setInnerValue] = (0, _react.useState)(value);
   (0, _react.useEffect)(() => {
-    if (!visible) {
-      setInnerValue(value);
-    }
+    setInnerValue(value);
   }, [visible, value]);
   const cascaderElement = (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
@@ -103,6 +101,7 @@ const Cascader = (0, _react.forwardRef)((p, ref) => {
     }
   })))));
   const popupElement = _react.default.createElement(_popup.default, {
+    className: `${classPrefix}-popup`,
     visible: visible,
     position: 'bottom',
     onMaskClick: () => {

package/cjs/components/cascader/index.d.ts

@@ -1,7 +1,7 @@
 import { prompt } from './prompt';
 import './cascader.less';
 export type { CascaderProps, CascaderRef, CascaderActions } from './cascader';
-export type { CascaderValue, CascaderValueExtend, CascaderOption, } from '../cascader-view';
+export type { CascaderValue, CascaderValueExtend, CascaderOption, CascaderViewOptionRender, CascaderViewOptionRenderInfo, } from '../cascader-view';
 declare const _default: import("react").ForwardRefExoticComponent<{
     options: import("../cascader-view").CascaderOption[];
     value?: import("../check-list").CheckListValue[] | undefined;
@@ -20,6 +20,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: import("react").ReactNode;
     fieldNames?: import("../../hooks").FieldNamesType | undefined;
+    optionRender?: import("../cascader-view").CascaderViewOptionRender | undefined;
 } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;

package/cjs/components/cascader-view/cascader-view.d.ts

@@ -1,7 +1,7 @@
 import type { FC, ReactNode } from 'react';
-import { CheckListValue } from '../check-list';
+import type { BaseOptionType, FieldNamesType } from '../../hooks';
 import { NativeProps } from '../../utils/native-props';
-import type { FieldNamesType, BaseOptionType } from '../../hooks';
+import { CheckListValue } from '../check-list';
 export declare type CascaderValue = CheckListValue;
 export declare type CascaderOption = {
     label?: string;
@@ -13,6 +13,11 @@ export declare type CascaderValueExtend = {
     items: (CascaderOption | null)[];
     isLeaf: boolean;
 };
+export declare type CascaderViewOptionRenderInfo = {
+    depth: number;
+    active: boolean;
+};
+export declare type CascaderViewOptionRender = (option: CascaderOption, info: CascaderViewOptionRenderInfo) => ReactNode;
 export declare type CascaderViewProps = {
     options: CascaderOption[];
     value?: CascaderValue[];
@@ -23,5 +28,6 @@ export declare type CascaderViewProps = {
     activeIcon?: ReactNode;
     loading?: boolean;
     fieldNames?: FieldNamesType;
+    optionRender?: CascaderViewOptionRender;
 } & NativeProps<'--height'>;
 export declare const CascaderView: FC<CascaderViewProps>;

package/cjs/components/cascader-view/cascader-view.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CascaderView = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tabs = _interopRequireDefault(require("../tabs"));
-var _checkList = _interopRequireDefault(require("../check-list"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
 var _nativeProps = require("../../utils/native-props");
-var _withDefaultProps = require("../../utils/with-default-props");
 var _usePropsValue = require("../../utils/use-props-value");
-var _useCascaderValueExtend = require("./use-cascader-value-extend");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _checkList = _interopRequireDefault(require("../check-list"));
 var _configProvider = require("../config-provider");
-var _optionSkeleton = require("./option-skeleton");
 var _skeleton = _interopRequireDefault(require("../skeleton"));
-var _ahooks = require("ahooks");
-var _hooks = require("../../hooks");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _tabs = _interopRequireDefault(require("../tabs"));
+var _optionSkeleton = require("./option-skeleton");
+var _useCascaderValueExtend = require("./use-cascader-value-extend");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-cascader-view`;
 const defaultProps = {
   defaultValue: []
@@ -134,7 +134,10 @@ const CascaderView = p => {
         className: (0, _classnames.default)(`${classPrefix}-item`, {
           [`${classPrefix}-item-active`]: active
         })
-      }, option[labelName]);
+      }, props.optionRender ? props.optionRender(option, {
+        depth: index,
+        active
+      }) : option[labelName]);
     }))));
   }))));
 };

package/cjs/components/cascader-view/index.d.ts

@@ -1,5 +1,5 @@
 import './cascader-view.less';
-export type { CascaderViewProps, CascaderValue, CascaderValueExtend, CascaderOption, } from './cascader-view';
+export type { CascaderViewProps, CascaderViewOptionRender, CascaderViewOptionRenderInfo, CascaderValue, CascaderValueExtend, CascaderOption, } from './cascader-view';
 declare const _default: import("react").FC<import("./cascader-view").CascaderViewProps> & {
     optionSkeleton: import("./cascader-view").CascaderOption[];
 };

package/cjs/components/date-picker/date-picker-date-utils.js

@@ -6,15 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.convertDateToStringArray = convertDateToStringArray;
 exports.convertStringArrayToDate = convertStringArrayToDate;
 exports.generateDatePickerColumns = generateDatePickerColumns;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _isLeapYear = _interopRequireDefault(require("dayjs/plugin/isLeapYear"));
-var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
-var _isoWeeksInYear = _interopRequireDefault(require("dayjs/plugin/isoWeeksInYear"));
 var _util = require("./util");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-_dayjs.default.extend(_isoWeek.default);
-_dayjs.default.extend(_isoWeeksInYear.default);
-_dayjs.default.extend(_isLeapYear.default);
 const precisionRankRecord = {
   year: 0,
   month: 1,
@@ -23,6 +15,9 @@ const precisionRankRecord = {
   minute: 4,
   second: 5
 };
+function getMonthDays(year, month) {
+  return new Date(Date.UTC(year, month, 0)).getUTCDate();
+}
 function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter, tillNow) {
   const ret = [];
   const minYear = min.getFullYear();
@@ -39,7 +34,6 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
   const maxSecond = max.getSeconds();
   const rank = precisionRankRecord[precision];
   const selectedYear = parseInt(selected[0]);
-  const firstDayInSelectedMonth = (0, _dayjs.default)(convertStringArrayToDate([selected[0], selected[1], '1']));
   const selectedMonth = parseInt(selected[1]);
   const selectedDay = parseInt(selected[2]);
   const selectedHour = parseInt(selected[3]);
@@ -96,7 +90,7 @@ function generateDatePickerColumns(selected, min, max, precision, renderLabel, f
   }
   if (rank >= precisionRankRecord.day) {
     const lower = isInMinMonth ? minDay : 1;
-    const upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
+    const upper = isInMaxMonth ? maxDay : getMonthDays(selectedYear, selectedMonth);
     const days = generateColumn(lower, upper, 'day');
     ret.push(days.map(v => ({
       label: renderLabel('day', v, {

package/cjs/components/date-picker/date-picker-week-utils.js

@@ -21,14 +21,14 @@ const precisionRankRecord = {
 };
 function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter) {
   const ret = [];
-  const minYear = min.getFullYear();
-  const maxYear = max.getFullYear();
+  const minDay = (0, _dayjs.default)(min);
+  const maxDay = (0, _dayjs.default)(max);
+  const minYear = minDay.isoWeekYear();
+  const maxYear = maxDay.isoWeekYear();
   const rank = precisionRankRecord[precision];
   const selectedYear = parseInt(selected[0]);
   const isInMinYear = selectedYear === minYear;
   const isInMaxYear = selectedYear === maxYear;
-  const minDay = (0, _dayjs.default)(min);
-  const maxDay = (0, _dayjs.default)(max);
   const minWeek = minDay.isoWeek();
   const maxWeek = maxDay.isoWeek();
   const minWeekday = minDay.isoWeekday();

package/cjs/components/date-picker/date-picker.d.ts

@@ -19,7 +19,7 @@ export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' |
     filter?: DatePickerFilter;
     tillNow?: boolean;
 } & NativeProps;
-export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "closeOnMaskClick" | "onClose" | "cancelText" | "loading" | "confirmText" | "mouseWheel" | "loadingContent" | "onCancel"> & {
+export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "confirmText" | "mouseWheel" | "loadingContent"> & {
     value?: PickerDate | null | undefined;
     defaultValue?: PickerDate | null | undefined;
     onSelect?: ((value: PickerDate) => void) | undefined;

package/cjs/components/date-picker/index.d.ts

@@ -2,7 +2,7 @@ import './date-picker.less';
 import { prompt } from './prompt';
 export type { DatePickerProps, DatePickerRef } from './date-picker';
 export type { DatePickerFilter } from './date-picker-utils';
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "closeOnMaskClick" | "onClose" | "cancelText" | "loading" | "confirmText" | "mouseWheel" | "loadingContent" | "onCancel"> & {
+declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "confirmText" | "mouseWheel" | "loadingContent"> & {
     value?: import("./util").PickerDate | null | undefined;
     defaultValue?: import("./util").PickerDate | null | undefined;
     onSelect?: ((value: import("./util").PickerDate) => void) | undefined;

package/cjs/components/dropdown/dropdown.d.ts

@@ -8,6 +8,9 @@ export declare type DropdownProps = {
     closeOnMaskClick?: boolean;
     closeOnClickAway?: boolean;
     onChange?: (key: string | null) => void;
+    onVisibleChange?: (visible: boolean, info: {
+        key: string | null;
+    }) => void;
     arrowIcon?: ReactNode;
     /**
      * @deprecated use `arrowIcon` instead
@@ -24,6 +27,9 @@ declare const Dropdown: React.ForwardRefExoticComponent<{
     closeOnMaskClick?: boolean | undefined;
     closeOnClickAway?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
+    onVisibleChange?: ((visible: boolean, info: {
+        key: string | null;
+    }) => void) | undefined;
     arrowIcon?: ReactNode;
     /**
      * @deprecated use `arrowIcon` instead

package/cjs/components/dropdown/dropdown.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _raf = _interopRequireDefault(require("rc-util/lib/raf"));
 var _react = _interopRequireWildcard(require("react"));
 var _nativeProps = require("../../utils/native-props");
 var _usePropsValue = require("../../utils/use-props-value");
@@ -36,6 +37,8 @@ const Dropdown = (0, _react.forwardRef)((props, ref) => {
     defaultValue: mergedProps.defaultActiveKey,
     onChange: mergedProps.onChange
   });
+  const cacheKeyRef = (0, _react.useRef)(null);
+  cacheKeyRef.current = value !== null && value !== void 0 ? value : cacheKeyRef.current;
   const navRef = (0, _react.useRef)(null);
   const contentRef = (0, _react.useRef)(null);
   // 点击外部区域，关闭
@@ -46,14 +49,30 @@ const Dropdown = (0, _react.forwardRef)((props, ref) => {
   // 计算 navs 的 top 值
   const [top, setTop] = (0, _react.useState)();
   const containerRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
+  const rafIdRef = (0, _react.useRef)(0);
+  const updatePosition = (0, _react.useCallback)(() => {
     const container = containerRef.current;
     if (!container) return;
-    if (value) {
-      const rect = container.getBoundingClientRect();
-      setTop(rect.bottom);
-    }
-  }, [value]);
+    setTop(container.getBoundingClientRect().bottom);
+  }, []);
+  const updateTop = (0, _react.useCallback)(() => {
+    _raf.default.cancel(rafIdRef.current);
+    rafIdRef.current = (0, _raf.default)(updatePosition);
+  }, [updatePosition]);
+  (0, _react.useEffect)(() => {
+    if (!value) return;
+    updatePosition();
+    window.addEventListener('scroll', updateTop, {
+      passive: true,
+      capture: true
+    });
+    window.addEventListener('resize', updateTop);
+    return () => {
+      _raf.default.cancel(rafIdRef.current);
+      window.removeEventListener('scroll', updateTop, true);
+      window.removeEventListener('resize', updateTop);
+    };
+  }, [value, updateTop, updatePosition]);
   const changeActive = key => {
     if (value === key) {
       setValue(null);
@@ -108,7 +127,19 @@ const Dropdown = (0, _react.forwardRef)((props, ref) => {
     forceRender: popupForceRender,
     onMaskClick: mergedProps.closeOnMaskClick ? () => {
       changeActive(null);
-    } : undefined
+    } : undefined,
+    afterShow: () => {
+      var _a;
+      (_a = mergedProps.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(mergedProps, true, {
+        key: cacheKeyRef.current
+      });
+    },
+    afterClose: () => {
+      var _a;
+      (_a = mergedProps.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(mergedProps, false, {
+        key: cacheKeyRef.current
+      });
+    }
   }, _react.default.createElement("div", {
     ref: contentRef
   }, items.map(item => {

package/cjs/components/dropdown/index.d.ts

@@ -7,6 +7,9 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     closeOnMaskClick?: boolean | undefined;
     closeOnClickAway?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
+    onVisibleChange?: ((visible: boolean, info: {
+        key: string | null;
+    }) => void) | undefined;
     arrowIcon?: import("react").ReactNode;
     arrow?: import("react").ReactNode;
     getContainer?: import("../../utils/render-to-container").GetContainer | undefined;

package/cjs/components/error-block/create-error-block.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import type { ReactNode, ReactElement } from 'react';
-import { NativeProps } from '../../utils/native-props';
+import type { FC, ReactElement, ReactNode } from 'react';
 import type { ErrorBlockStatus, ImageRecord } from '.';
+import { NativeProps } from '../../utils/native-props';
 import './error-block.less';
 export declare type ErrorBlockProps = {
     status?: ErrorBlockStatus;
@@ -11,4 +10,4 @@ export declare type ErrorBlockProps = {
     fullPage?: boolean;
     children?: ReactNode;
 } & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
-export declare function createErrorBlock(imageRecord: ImageRecord): React.FC<ErrorBlockProps>;
+export declare function createErrorBlock(imageRecord: ImageRecord): FC<ErrorBlockProps>;

package/cjs/components/error-block/create-error-block.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createErrorBlock = createErrorBlock;
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _withDefaultProps = require("../../utils/with-default-props");
+var _react = _interopRequireDefault(require("react"));
 var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
 var _configProvider = require("../config-provider");
 require("./error-block.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/components/error-block/images/busy.js

@@ -5,94 +5,99 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.busyImage = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _useId = _interopRequireDefault(require("rc-util/lib/hooks/useId"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const busyImage = _react.default.createElement("svg", {
-  viewBox: '0 0 400 400',
-  xmlns: 'http://www.w3.org/2000/svg',
-  xmlnsXlink: 'http://www.w3.org/1999/xlink'
-}, _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
-  x1: '50%',
-  y1: '-116.862%',
-  x2: '50%',
-  y2: '90.764%',
-  id: 'error-block-image-busy-a'
-}, _react.default.createElement("stop", {
-  stopColor: '#72A7FD',
-  stopOpacity: 0.207,
-  offset: '0%'
-}), _react.default.createElement("stop", {
-  stopColor: '#72A7FD',
-  stopOpacity: 0.115,
-  offset: '80.072%'
-}), _react.default.createElement("stop", {
-  stopColor: '#72A7FD',
-  stopOpacity: 0,
-  offset: '100%'
-})), _react.default.createElement("circle", {
-  id: 'error-block-image-busy-b',
-  cx: 34.857,
-  cy: 34.857,
-  r: 34.857
-})), _react.default.createElement("g", {
-  fill: 'none',
-  fillRule: 'evenodd'
-}, _react.default.createElement("path", {
-  d: 'M157.964 243.667H0L3.806 99.134a4.572 4.572 0 0 1 4.353-4.446l.217-.005h45.588V67.205a4.572 4.572 0 0 1 4.356-4.566l.216-.005 65.498-.001 2.554-58.688a4.571 4.571 0 0 1 4.779-4.368l.214.015 87.79 8.222a4.572 4.572 0 0 1 4.126 4.133l.015.213 3.146 69.652 74.976-17.906a4.571 4.571 0 0 1 5.628 4.23l.005.216v43.955h56.162v130.265l-56.163-.001v.002h-82.383v-.004h-66.919v1.098Zm-68.461-84.631h-9.968v8.435h9.968v-8.435Zm0-14.508h-9.968v8.436h9.968v-8.436Zm197.985-5.149h-9.967v8.432h9.967v-8.432Zm-197.985-8.806h-9.968v8.436h9.968v-8.436Zm197.985-5.153h-9.967v8.432h9.967v-8.432Zm0-14.503h-9.967v8.432h9.967v-8.432Zm-84.643-.777h-30.8v8.436h30.8v-8.436Zm84.643-13.186h-9.967v8.435h9.967v-8.435Zm-84.643-3.29h-30.8v8.435h30.8v-8.435Zm0-15.912h-30.8v8.436h30.8v-8.436Z',
-  transform: 'translate(18.286 51.286)',
-  fill: 'url(#error-block-image-busy-a)'
-}), _react.default.createElement("path", {
-  d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l.958-.01c-.376 7.363 3.679 59.93 34.894 62.659 4.203.367 7.432.39 7.475 4.609.042 4.218-3.176 4.307-7.37 4.76-34.593 3.737-34.136 56.004-33.61 63.357l-.957.01c-5.276.053-9.51 4.373-9.455 9.649.053 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.054 9.508-4.374 9.455-9.648-.055-5.276-4.374-9.51-9.65-9.455l-.958.01c.377-7.363-.729-59.672-34.894-62.66-4.202-.367-7.432-.39-7.474-4.608-.043-4.219 3.175-4.308 7.369-4.76 31.276-3.377 34.136-56.004 33.61-63.357l.958-.01c5.276-.053 9.508-4.373 9.455-9.649-.055-5.276-4.374-9.509-9.65-9.454Z',
-  fill: '#377EFF'
-}), _react.default.createElement("path", {
-  d: 'M233.524 314.422c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.894-5.644c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.149 17.865c.108.684.773 1.147 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm-2.144-8.182c.109.684.773 1.148 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-1.586-4.694c.108.684.772 1.148 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.013-5.88c.109.685.773 1.148 1.484 1.036.71-.113 1.2-.759 1.09-1.443-.107-.684-.772-1.148-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm.236 15.575c.108.685.772 1.148 1.483 1.035.71-.112 1.2-.758 1.09-1.442-.107-.685-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.442Zm-.4 4.494c.108.684.772 1.147 1.483 1.035.71-.113 1.2-.759 1.091-1.443-.108-.684-.773-1.148-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-3.88-8.601c.108.684.772 1.147 1.483 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-.524-7.186c.065.41.463.688.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-2.265-4.102c.109.684.773 1.148 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.147-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm-.545-6.518c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm2.098 23.629c.109.684.773 1.147 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.443Zm-.756-9.65c.043.274.309.46.593.414a.512.512 0 0 0 .437-.577.512.512 0 0 0-.594-.414.512.512 0 0 0-.436.577Zm-.808 20.96c.109.684.773 1.147 1.484 1.034.71-.112 1.2-.758 1.09-1.442-.108-.685-.772-1.148-1.483-1.036-.71.113-1.199.759-1.09 1.443Zm-4.691-31.966c.065.41.463.689.89.621.426-.068.72-.455.654-.866-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm2.098 23.628c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.967-12.416c.109.684.773 1.147 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm1.073 6.772c.108.685.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.036-.711.113-1.2.759-1.091 1.443Zm-.009-3.131c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.43-9.03c.065.41.463.688.89.62.426-.067.72-.454.655-.865-.065-.41-.464-.689-.89-.62-.427.067-.72.454-.655.865ZM214.5 333.38c.108.685.772 1.148 1.483 1.036.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.711.112-1.2.758-1.091 1.442Zm-.156-7.178c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm-1.871-4.72c.108.684.773 1.147 1.483 1.034.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.035-.71.112-1.2.758-1.091 1.442Zm-1.614-6.857c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-.894-5.644c.065.41.464.689.89.621.427-.067.72-.455.655-.866-.065-.41-.463-.688-.89-.62-.427.067-.72.455-.655.865Zm-1.43-9.03c.065.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.958 14.225c.065.41.463.689.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-.703 12.81c.065.41.464.688.89.62.427-.067.72-.455.655-.865-.065-.41-.463-.689-.89-.621-.427.067-.72.455-.655.866Zm-4.543-22.536c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm2.806 30.138c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm-5.694-17.996c.065.41.463.688.89.62.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.866Zm-2.935-13.343c.066.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.463-.689-.89-.621-.426.068-.72.455-.655.866Z',
-  fill: '#003CFF',
-  fillRule: 'nonzero'
-}), _react.default.createElement("path", {
-  d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l101.963-1.04c5.276-.052 9.508-4.372 9.455-9.648-.055-5.276-4.374-9.509-9.65-9.454ZM252.64 331.241l-101.964 1.038c-5.275.054-9.508 4.374-9.454 9.65.054 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.053 9.507-4.373 9.454-9.649-.054-5.275-4.374-9.508-9.649-9.454Z',
-  fill: '#7EACFF'
-}), _react.default.createElement("path", {
-  stroke: '#003CFF',
-  strokeWidth: 0.75,
-  strokeLinecap: 'round',
-  strokeLinejoin: 'round',
-  d: 'm196.824 197.298 52.216-.506M193.329 330.5h52.215'
-}), _react.default.createElement("path", {
-  d: 'M167.367 228.041c-4.091-10.787-6.086-20.934-5.985-30.44',
-  stroke: '#FFF',
-  strokeWidth: 0.75,
-  strokeLinecap: 'round',
-  strokeLinejoin: 'round'
-}), _react.default.createElement("circle", {
-  cx: 14.857,
-  cy: 14.857,
-  r: 14.857,
-  transform: 'translate(106.857 248.571)',
-  fill: '#FFCD6B',
-  fillRule: 'nonzero'
-}), _react.default.createElement("g", {
-  transform: 'translate(236.571 284.571)'
-}, _react.default.createElement("mask", {
-  id: 'error-block-image-busy-c',
-  fill: '#fff'
-}, _react.default.createElement("use", {
-  xlinkHref: '#error-block-image-busy-b'
-})), _react.default.createElement("use", {
-  fill: '#FBBE47',
-  fillRule: 'nonzero',
-  xlinkHref: '#error-block-image-busy-b'
-}), _react.default.createElement("circle", {
-  fill: '#FFCD6B',
-  fillRule: 'nonzero',
-  mask: 'url(#error-block-image-busy-c)',
-  cx: 25.714,
-  cy: 28,
-  r: 34.857
-}), _react.default.createElement("circle", {
-  fill: '#FFF',
-  fillRule: 'nonzero',
-  mask: 'url(#error-block-image-busy-c)',
-  cx: 22.286,
-  cy: 18.857,
-  r: 3.429
-}))));
+const BusyImage = () => {
+  const id = `error-block-image-${(0, _useId.default)()}`;
+  return _react.default.createElement("svg", {
+    viewBox: '0 0 400 400',
+    xmlns: 'http://www.w3.org/2000/svg',
+    xmlnsXlink: 'http://www.w3.org/1999/xlink'
+  }, _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
+    x1: '50%',
+    y1: '-116.862%',
+    x2: '50%',
+    y2: '90.764%',
+    id: `${id}-a`
+  }, _react.default.createElement("stop", {
+    stopColor: '#72A7FD',
+    stopOpacity: 0.207,
+    offset: '0%'
+  }), _react.default.createElement("stop", {
+    stopColor: '#72A7FD',
+    stopOpacity: 0.115,
+    offset: '80.072%'
+  }), _react.default.createElement("stop", {
+    stopColor: '#72A7FD',
+    stopOpacity: 0,
+    offset: '100%'
+  })), _react.default.createElement("circle", {
+    id: `${id}-b`,
+    cx: 34.857,
+    cy: 34.857,
+    r: 34.857
+  })), _react.default.createElement("g", {
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("path", {
+    d: 'M157.964 243.667H0L3.806 99.134a4.572 4.572 0 0 1 4.353-4.446l.217-.005h45.588V67.205a4.572 4.572 0 0 1 4.356-4.566l.216-.005 65.498-.001 2.554-58.688a4.571 4.571 0 0 1 4.779-4.368l.214.015 87.79 8.222a4.572 4.572 0 0 1 4.126 4.133l.015.213 3.146 69.652 74.976-17.906a4.571 4.571 0 0 1 5.628 4.23l.005.216v43.955h56.162v130.265l-56.163-.001v.002h-82.383v-.004h-66.919v1.098Zm-68.461-84.631h-9.968v8.435h9.968v-8.435Zm0-14.508h-9.968v8.436h9.968v-8.436Zm197.985-5.149h-9.967v8.432h9.967v-8.432Zm-197.985-8.806h-9.968v8.436h9.968v-8.436Zm197.985-5.153h-9.967v8.432h9.967v-8.432Zm0-14.503h-9.967v8.432h9.967v-8.432Zm-84.643-.777h-30.8v8.436h30.8v-8.436Zm84.643-13.186h-9.967v8.435h9.967v-8.435Zm-84.643-3.29h-30.8v8.435h30.8v-8.435Zm0-15.912h-30.8v8.436h30.8v-8.436Z',
+    transform: 'translate(18.286 51.286)',
+    fill: `url(#${id}-a)`
+  }), _react.default.createElement("path", {
+    d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l.958-.01c-.376 7.363 3.679 59.93 34.894 62.659 4.203.367 7.432.39 7.475 4.609.042 4.218-3.176 4.307-7.37 4.76-34.593 3.737-34.136 56.004-33.61 63.357l-.957.01c-5.276.053-9.51 4.373-9.455 9.649.053 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.054 9.508-4.374 9.455-9.648-.055-5.276-4.374-9.51-9.65-9.455l-.958.01c.377-7.363-.729-59.672-34.894-62.66-4.202-.367-7.432-.39-7.474-4.608-.043-4.219 3.175-4.308 7.369-4.76 31.276-3.377 34.136-56.004 33.61-63.357l.958-.01c5.276-.053 9.508-4.373 9.455-9.649-.055-5.276-4.374-9.509-9.65-9.454Z',
+    fill: '#377EFF'
+  }), _react.default.createElement("path", {
+    d: 'M233.524 314.422c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.894-5.644c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.149 17.865c.108.684.773 1.147 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm-2.144-8.182c.109.684.773 1.148 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-1.586-4.694c.108.684.772 1.148 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.013-5.88c.109.685.773 1.148 1.484 1.036.71-.113 1.2-.759 1.09-1.443-.107-.684-.772-1.148-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm.236 15.575c.108.685.772 1.148 1.483 1.035.71-.112 1.2-.758 1.09-1.442-.107-.685-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.442Zm-.4 4.494c.108.684.772 1.147 1.483 1.035.71-.113 1.2-.759 1.091-1.443-.108-.684-.773-1.148-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-3.88-8.601c.108.684.772 1.147 1.483 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-.524-7.186c.065.41.463.688.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-2.265-4.102c.109.684.773 1.148 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.147-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm-.545-6.518c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm2.098 23.629c.109.684.773 1.147 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.443Zm-.756-9.65c.043.274.309.46.593.414a.512.512 0 0 0 .437-.577.512.512 0 0 0-.594-.414.512.512 0 0 0-.436.577Zm-.808 20.96c.109.684.773 1.147 1.484 1.034.71-.112 1.2-.758 1.09-1.442-.108-.685-.772-1.148-1.483-1.036-.71.113-1.199.759-1.09 1.443Zm-4.691-31.966c.065.41.463.689.89.621.426-.068.72-.455.654-.866-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm2.098 23.628c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.967-12.416c.109.684.773 1.147 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm1.073 6.772c.108.685.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.036-.711.113-1.2.759-1.091 1.443Zm-.009-3.131c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.43-9.03c.065.41.463.688.89.62.426-.067.72-.454.655-.865-.065-.41-.464-.689-.89-.62-.427.067-.72.454-.655.865ZM214.5 333.38c.108.685.772 1.148 1.483 1.036.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.711.112-1.2.758-1.091 1.442Zm-.156-7.178c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm-1.871-4.72c.108.684.773 1.147 1.483 1.034.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.035-.71.112-1.2.758-1.091 1.442Zm-1.614-6.857c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-.894-5.644c.065.41.464.689.89.621.427-.067.72-.455.655-.866-.065-.41-.463-.688-.89-.62-.427.067-.72.455-.655.865Zm-1.43-9.03c.065.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.958 14.225c.065.41.463.689.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-.703 12.81c.065.41.464.688.89.62.427-.067.72-.455.655-.865-.065-.41-.463-.689-.89-.621-.427.067-.72.455-.655.866Zm-4.543-22.536c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm2.806 30.138c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm-5.694-17.996c.065.41.463.688.89.62.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.866Zm-2.935-13.343c.066.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.463-.689-.89-.621-.426.068-.72.455-.655.866Z',
+    fill: '#003CFF',
+    fillRule: 'nonzero'
+  }), _react.default.createElement("path", {
+    d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l101.963-1.04c5.276-.052 9.508-4.372 9.455-9.648-.055-5.276-4.374-9.509-9.65-9.454ZM252.64 331.241l-101.964 1.038c-5.275.054-9.508 4.374-9.454 9.65.054 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.053 9.507-4.373 9.454-9.649-.054-5.275-4.374-9.508-9.649-9.454Z',
+    fill: '#7EACFF'
+  }), _react.default.createElement("path", {
+    stroke: '#003CFF',
+    strokeWidth: 0.75,
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round',
+    d: 'm196.824 197.298 52.216-.506M193.329 330.5h52.215'
+  }), _react.default.createElement("path", {
+    d: 'M167.367 228.041c-4.091-10.787-6.086-20.934-5.985-30.44',
+    stroke: '#FFF',
+    strokeWidth: 0.75,
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round'
+  }), _react.default.createElement("circle", {
+    cx: 14.857,
+    cy: 14.857,
+    r: 14.857,
+    transform: 'translate(106.857 248.571)',
+    fill: '#FFCD6B',
+    fillRule: 'nonzero'
+  }), _react.default.createElement("g", {
+    transform: 'translate(236.571 284.571)'
+  }, _react.default.createElement("mask", {
+    id: `${id}-c`,
+    fill: '#fff'
+  }, _react.default.createElement("use", {
+    xlinkHref: `#${id}-b`
+  })), _react.default.createElement("use", {
+    fill: '#FBBE47',
+    fillRule: 'nonzero',
+    xlinkHref: `#${id}-b`
+  }), _react.default.createElement("circle", {
+    fill: '#FFCD6B',
+    fillRule: 'nonzero',
+    mask: `url(#${id}-c)`,
+    cx: 25.714,
+    cy: 28,
+    r: 34.857
+  }), _react.default.createElement("circle", {
+    fill: '#FFF',
+    fillRule: 'nonzero',
+    mask: `url(#${id}-c)`,
+    cx: 22.286,
+    cy: 18.857,
+    r: 3.429
+  }))));
+};
+const busyImage = _react.default.createElement(BusyImage, null);
 exports.busyImage = busyImage;