@pisell/materials 1.0.661 → 1.0.663

package/es/components/pisellAnchor/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface Option {
-    id: string | number;
-    name: React.ReactNode;
-}
-export interface PisellAnchorProps {
-    options?: Option[];
-    tab?: string | number;
-    className?: string;
-    style?: React.CSSProperties;
-    onChange?: (key: string | number) => void;
-    onTabClick?: () => void;
-    containerRef?: React.RefObject<HTMLElement>;
-    platform?: 'pc' | 'h5';
-}
-declare const PisellAnchor: React.ForwardRefExoticComponent<PisellAnchorProps & React.RefAttributes<any>>;
-export default PisellAnchor;

package/es/components/pisellAvatar/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { AvatarProps } from 'antd';
-import './index.less';
-export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
-    shape?: 'circle' | 'square';
-    size?: AvatarSize;
-    src?: string;
-    alt?: string;
-    icon?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    useTextAvatar?: boolean;
-    borderRadius?: number;
-    onError?: () => boolean;
-}
-declare const PisellAvatar: React.FC<PisellAvatarProps>;
-export default PisellAvatar;

package/es/components/pisellCard/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CardProps } from 'antd';
-import './index.less';
-export interface PisellCardProps extends CardProps {
-    bordered?: boolean;
-    selected?: boolean;
-    loading?: boolean;
-    padding?: number;
-    borderRadius?: number;
-    disabled?: boolean;
-    onClick?: () => void;
-    isClickable?: boolean;
-}
-/**
- * Pisell 卡片容器组件
- * @param props
- * @constructor
- */
-declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
-export default PisellCard;

package/es/components/pisellCustomCheckboxGroup/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellCustomCheckboxGroupProps {
-    dataSource?: any[];
-    disabled?: boolean;
-    allowAdd?: boolean;
-    isMultiple?: boolean;
-    id?: string | string[];
-    onClick?: (value: any) => void;
-    onAdd?: () => void;
-    renderAddItem?: (item: any) => React.ReactNode;
-    [key: string]: any;
-    className?: string;
-}
-declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
-export default PisellCustomCheckboxGroup;

package/es/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -1,24 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import type { TreeItem as TreeItemType } from '../../types';
-import './TreeItem.less';
-export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
-    childCount?: number;
-    clone?: boolean;
-    collapsed?: boolean;
-    depth: number;
-    disableInteraction?: boolean;
-    disableSelection?: boolean;
-    ghost?: boolean;
-    handleProps?: any;
-    indicator?: boolean;
-    indentationWidth: number;
-    onCollapse?(): void;
-    onRemove?(): void;
-    wrapperRef?(node: HTMLLIElement): void;
-    item: TreeItemType;
-    renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
-    __designMode?: string;
-    renderItem?(item: TreeItemType): React.ReactNode;
-    isBlocked?: boolean;
-}
-export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/es/components/pisellDraggable/index.d.ts

@@ -1,32 +0,0 @@
-/**
- * 可拖拽树形组件
- * 基于@dnd-kit库实现，支持拖拽排序、展开折叠、删除等功能
- */
-import React from 'react';
-import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
-import type { TreeItem, TreeItems } from './types';
-interface Props {
-    /** 是否支持折叠功能 */
-    collapsible?: boolean;
-    /** 初始树形数据，默认使用 initialItems */
-    value?: TreeItems;
-    /** 缩进宽度，控制子节点的缩进距离 */
-    indentationWidth?: number;
-    /** 是否显示拖拽指示器 */
-    indicator?: boolean;
-    /** 是否支持删除节点功能 */
-    removable?: boolean;
-    /** 自定义渲染树节点 */
-    renderItem?: (item: TreeItemProps, ref: React.RefObject<HTMLDivElement>) => React.ReactNode;
-    /** 树形数据变化回调 */
-    onChange?: (items: TreeItems) => void;
-    /** 删除节点前 */
-    onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 最大层级 */
-    maxLevel?: number;
-}
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, }: Props): React.JSX.Element;
-declare const Demo: (props: Props) => React.JSX.Element;
-export default Demo;

package/es/components/pisellDraggable/types.d.ts

@@ -1,19 +0,0 @@
-import type { MutableRefObject } from 'react';
-import type { UniqueIdentifier } from '@dnd-kit/core';
-export interface TreeItem {
-    id: UniqueIdentifier;
-    children: TreeItem[];
-    collapsed?: boolean;
-    [key: string]: any;
-    disabledDrop?: boolean;
-}
-export declare type TreeItems = TreeItem[];
-export interface FlattenedItem extends TreeItem {
-    parentId: UniqueIdentifier | null;
-    depth: number;
-    index: number;
-}
-export declare type SensorContext = MutableRefObject<{
-    items: FlattenedItem[];
-    offset: number;
-}>;

package/es/components/pisellDropSort/PisellDropSort.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { PisellDropSortProps } from './types';
-import './PisellDropSort.less';
-declare const PisellDropSort: React.FC<PisellDropSortProps>;
-export default PisellDropSort;

package/es/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import type { Props as TreeItem } from '../../../pisellDraggable/components/TreeItem/TreeItem';
-import './index.less';
-interface SortableItemProps {
-    itemProps: TreeItem;
-    render?: (itemProps: TreeItem) => React.ReactNode;
-    domRef: React.RefObject<HTMLDivElement>;
-    allowAddChild?: boolean;
-    allowDelete?: boolean;
-    allowDrag?: boolean;
-    disabled?: boolean;
-    onAdd?: (itemProps: TreeItem) => void;
-    onDelete?: (itemProps: TreeItem) => void;
-    showBorder?: boolean;
-    spacing?: number;
-    maxLevel?: number;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 是否自定义操作 */
-    isCustomAction?: boolean;
-    /** 获取item样式 */
-    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
-}
-declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
-export default SortableItem;

package/es/components/pisellDropSort/types.d.ts

@@ -1,52 +0,0 @@
-import { CSSProperties } from 'react';
-import type { Props as TreeItem } from '../pisellDraggable/components/TreeItem/TreeItem';
-import type { TreeItem as TreeItemType } from '../pisellDraggable/types';
-export interface DropSortItem extends TreeItemType {
-    [key: string]: any;
-}
-export interface PisellDropSortProps {
-    /** value */
-    value: DropSortItem[];
-    /** 允许拖拽 */
-    allowDrag?: boolean;
-    /** 允许删除 */
-    allowDelete?: boolean;
-    /** 允许添加子节点 */
-    allowAddChild?: boolean;
-    /** 允许添加根节点 */
-    allowAddRoot?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 节点间距 */
-    spacing?: number;
-    /** 最大层级数 */
-    maxLevel?: number;
-    /** 是否显示边框 */
-    showBorder?: boolean;
-    /** 样式 */
-    style?: CSSProperties;
-    /** 类名 */
-    className?: string;
-    /** 数据源变化回调 */
-    onChange?: (items: DropSortItem[]) => void;
-    /** 删除节点回调 */
-    onDelete?: (itemProps: TreeItem) => void;
-    /** 添加节点回调 */
-    onAdd?: (itemProps: TreeItem) => void;
-    /** 自定义渲染节点 */
-    renderItem?: (itemProps: TreeItem) => React.ReactNode;
-    /** 添加根节点回调 */
-    onAddRoot?: () => void;
-    /** 左侧自定义内容 */
-    leftContent?: React.ReactNode;
-    /** 右侧自定义内容 */
-    rightContent?: React.ReactNode;
-    /** 空状态自定义内容 */
-    emptyContent?: React.ReactNode;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 是否自定义操作 */
-    isCustomAction?: boolean;
-    /** 获取item样式 */
-    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
-}

package/es/components/pisellDropdown/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface MenuItemType {
-    key: string;
-    label: string;
-    icon?: React.ReactNode;
-    shortcut?: string;
-    divider?: boolean;
-}
-export interface PisellDropdownProps {
-    trigger?: React.ReactNode;
-    items?: MenuItemType[];
-    showShortcut?: boolean;
-    triggerType?: ('click' | 'hover')[];
-    className?: string;
-    style?: React.CSSProperties;
-    onSelect?: (key: string) => void;
-}
-declare const PisellDropdown: React.FC<PisellDropdownProps>;
-export default PisellDropdown;

package/es/components/pisellEmpty/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { EmptyProps } from 'antd';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellEmptyProps extends EmptyProps {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 额外内容描述 */
-    extraDescription?: React.ReactNode;
-    /** 额外内容描述 */
-    icon?: React.ReactNode;
-    /** 自定义底部额外操作区域 */
-    footer?: React.ReactNode;
-    /** 最大宽度 */
-    maxWidth?: number;
-    [key: string]: any;
-}
-declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
-export default PisellEmpty;

package/es/components/pisellHeaderProgressBar/index.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellHeaderProgressBarProps {
-    title?: React.ReactNode;
-    stepText?: React.ReactNode;
-    showClose?: boolean;
-    /** 是否启用投影 */
-    enableShadow?: boolean;
-    /** 是否启用描边 */
-    enableBorder?: boolean;
-    /** 描边粗细 */
-    borderWidth?: number;
-    /** 描边颜色 */
-    borderColor?: string;
-    /** 头部背景颜色 */
-    backgroundColor?: string;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 是否显示返回键 */
-    showBack?: boolean;
-    /** 返回按钮点击事件 */
-    onBack?: () => void;
-    /** 关闭按钮点击事件 */
-    onClose?: () => void;
-}
-declare const PisellHeaderProgressBar: React.FC<PisellHeaderProgressBarProps>;
-export default PisellHeaderProgressBar;

package/es/components/pisellImageCarousels/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import 'swiper/swiper-bundle.css';
-import './index.less';
-export interface PisellImageCarouselsProps {
-    dataSource?: string[];
-    width?: number | string;
-    height?: number;
-    showArrows?: boolean;
-    showDots?: boolean;
-    autoplay?: boolean;
-    interval?: number;
-    borderRadius?: number;
-    loop?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const PisellImageCarousels: React.FC<PisellImageCarouselsProps>;
-export default PisellImageCarousels;

package/es/components/pisellInformationEntry/index.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export declare type EntryModeType = {
-    /**
-     * 录入模式名称
-     * scanCode: 扫码录入
-     * input: 手动录入
-     * scanner: 扫码枪录入
-     * nfc: NFC录入
-     */
-    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
-    /**
-     * 录入模式文案 没有使用默认文案
-     */
-    name?: string;
-};
-export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 录入模式 */
-    entryModes: EntryModeType[];
-    /** 标题文案 */
-    title?: React.ReactNode;
-    /** 搜索框描述文案 */
-    searchDescribe?: React.ReactNode;
-    /** 录入信息值改变 */
-    onChange?: (val: string) => void;
-    /** 录入类型切换时候触发的 */
-    onChangeType?: (val: null | EntryModeType['type']) => void;
-}
-declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
-export default PisellInformationEntry;

package/es/components/pisellLayout/content.d.ts

@@ -1,10 +0,0 @@
-import type { LayoutProps } from 'antd';
-import React from 'react';
-export interface PisellContentProps extends Omit<LayoutProps, 'prefixCls'> {
-    children?: React.ReactNode;
-    __designMode?: string;
-    height?: number;
-    scroll?: boolean;
-}
-declare const PisellContent: React.FC<PisellContentProps>;
-export default PisellContent;

package/es/components/pisellLayout/sider.d.ts

@@ -1,8 +0,0 @@
-import type { SiderProps } from 'antd/es/layout/Sider';
-import React from 'react';
-import './index.less';
-export interface PisellSiderProps extends SiderProps {
-    children?: React.ReactNode;
-}
-declare const PisellSider: React.FC<PisellSiderProps>;
-export default PisellSider;

package/es/components/pisellList01/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellList01Props {
-    dataSource?: any[];
-    showSearch: boolean;
-    showCategory: boolean;
-    placeholder?: string;
-    renderItem?: (item: any, index: number) => React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    onChange?: (anchor: string) => void;
-    onSearch?: (value: any) => void;
-    isShowEmpty?: boolean;
-    description?: any;
-}
-declare const PisellList01: React.FC<PisellList01Props>;
-export default PisellList01;

package/es/components/pisellMenu/PisellMenu.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './PisellMenu.less';
-import type { PisellMenuProps } from './types';
-declare const PisellMenu: {
-    ({ className, style, mode, theme, defaultOpenKeys, defaultSelectedKeys, inlineCollapsed, openKeys, selectedKeys, onOpenChange, onSelect, dataSource, __designMode, children, other, ...restProps }: PisellMenuProps): React.JSX.Element;
-    Item: Omit<React.FunctionComponent<import("antd").MenuItemProps>, ""> & (<T extends import("antd").MenuItemProps>(props: T extends infer U extends import("antd").MenuItemProps ? unknown extends U ? import("antd").MenuItemProps : U : import("antd").MenuItemProps, context?: any) => React.ReactElement<any, any> | null);
-    SubMenu: React.FC<import("antd").SubMenuProps>;
-};
-export default PisellMenu;

package/es/components/pisellMenu/types.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import type { MenuProps } from 'antd';
-export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
-    className?: string;
-    style?: React.CSSProperties;
-    mode?: 'vertical' | 'horizontal' | 'inline';
-    theme?: 'light' | 'dark';
-    defaultOpenKeys?: string[];
-    defaultSelectedKeys?: string[];
-    inlineCollapsed?: boolean;
-    openKeys?: string[];
-    selectedKeys?: string[];
-    onOpenChange?: (openKeys: string[]) => void;
-    dataSource?: any;
-    __designMode?: string;
-    other?: PisellMenuProps;
-}
-export interface MenuItemType {
-    key: string;
-    label: string;
-    path: string;
-    children?: MenuItemType[];
-    icon?: string | React.ReactNode;
-    hide?: boolean;
-    type?: 'group' | 'divider';
-}

package/es/components/pisellNavigationMenu/PisellNavigationMenu.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { PisellNavigationMenuProps } from './types';
-import './PisellNavigationMenu.less';
-declare const PisellNavigationMenu: React.FC<PisellNavigationMenuProps>;
-export default PisellNavigationMenu;

package/es/components/pisellNavigationMenu/types.d.ts

@@ -1,64 +0,0 @@
-import { CSSProperties } from 'react';
-export interface NavigationMenuItem {
-    id: string;
-    /** 标题 */
-    title: string;
-    /** 图标 */
-    icon?: string;
-    /** 描述 */
-    description?: string;
-    /** 子菜单 */
-    children?: NavigationMenuItem[];
-    /** 版本 */
-    version?: string;
-    /** 是否是分组 */
-    isGroup?: boolean;
-    /** 是否允许添加子菜单 */
-    allowAddChild?: boolean;
-    /** 是否允许删除 */
-    allowDelete?: boolean;
-    /** 是否允许编辑 */
-    allowEdit?: boolean;
-    /** 是否允许添加子菜单 */
-    allowAddSubmenu?: boolean;
-    /** 是否允许添加页面 */
-    allowAddPage?: boolean;
-    /** 其他属性 */
-    [key: string]: any;
-}
-export interface PisellNavigationMenuProps {
-    /** 导航菜单数据 */
-    value: NavigationMenuItem[];
-    /** 是否允许拖拽排序 */
-    allowDrag?: boolean;
-    /** 是否允许删除菜单项 */
-    allowDelete?: boolean;
-    /** 是否允许添加子菜单 */
-    allowAddChild?: boolean;
-    /** 是否允许添加根菜单 */
-    allowAddRoot?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 菜单项间距 */
-    spacing?: number;
-    /** 最大层级数 */
-    maxLevel?: number;
-    /** 样式 */
-    style?: CSSProperties;
-    /** 类名 */
-    className?: string;
-    /** 数据变化回调 */
-    onChange?: (items: NavigationMenuItem[]) => void;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 标题 */
-    title?: string;
-    /** 添加子菜单回调 */
-    onAddSubMenu?: (item?: NavigationMenuItem) => void;
-    /** 添加页面回调 */
-    onAddPage?: (item?: NavigationMenuItem) => void;
-    /** 编辑回调 */
-    onEdit?: (item: NavigationMenuItem) => void;
-    /** 删除回调 */
-    onDelete?: (item: NavigationMenuItem) => void;
-}

package/es/components/pisellNavigationMenu/utils.d.ts

@@ -1,15 +0,0 @@
-/**
- * 树节点的基本接口
- */
-export interface TreeNode {
-    [key: string]: any;
-    children?: TreeNode[];
-}
-/**
- * 格式化树结构数据
- * @param tree 要格式化的树结构数据
- * @param formatter 格式化函数，用于处理每个节点
- * @param childrenField 子节点字段名，默认为 'children'
- * @returns 格式化后的树结构
- */
-export declare function formatTree<T extends TreeNode, R = T>(tree: T[], formatter: (node: T, level: number, parent: T | null) => R, childrenField?: string): R[];

package/es/components/pisellQrcode/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.less';
-interface PisellQrcodeProps {
-    size?: number;
-    platform: 'pc' | 'h5' | 'ipad';
-    value: string;
-    className: string;
-}
-declare const PisellQrcode: React.FC<PisellQrcodeProps>;
-export default PisellQrcode;

package/es/components/pisellScan/index.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { BrowserMultiFormatReader } from '@zxing/library';
-import './index.less';
-export interface PisellScanProps extends Omit<React.HTMLAttributes<HTMLVideoElement>, 'onChange'> {
-    /** 当前scan展示宽度 */
-    width: string | number;
-    /** 当前scan展示高度 */
-    height?: string | number;
-    /** 当前scan圆角 */
-    borderRadius?: string | number;
-    /** 扫描完成回调 */
-    onChange?: (val: string) => void;
-    /** 扫描间隔时间 毫秒 */
-    timeBetweenScansMillis?: number;
-}
-export declare type PisellScanRef = {
-    codeReader: BrowserMultiFormatReader | null;
-};
-/**
- * 二维码条形码扫描组件
- */
-declare const PisellScan: React.ForwardRefExoticComponent<PisellScanProps & React.RefAttributes<PisellScanRef>>;
-export default PisellScan;

package/es/components/pisellSectionHeaders/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellSectionHeadersProps {
-    /** 是否占据空间（true: 占据空间, false: 不占据空间） */
-    /** 左侧返回区域 */
-    backNode?: React.ReactNode;
-    /** 中间内容区域 */
-    centerNode?: React.ReactNode;
-    /** 右侧操作区域 */
-    actionNode?: React.ReactNode;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 返回按钮点击事件 */
-    onBack?: () => void;
-    /** 操作区域点击事件 */
-    onAction?: () => void;
-}
-declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
-export default PisellSectionHeaders;

package/es/components/pisellStatisticList/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivElement> {
-    isHasBorder?: boolean;
-    backgroundColors?: string[];
-    labelColor?: string;
-    valueColor?: string;
-    data: {
-        label: string;
-        value: string;
-        isLink?: boolean;
-        link?: string;
-        tip?: string;
-        children?: {
-            label: string;
-            value: string;
-        }[];
-    }[];
-}
-declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
-export default PisellStatisticList;

package/es/components/pisellText/components/Amount/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../../../pisell-config-provider/context';
-export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 当前数值  */
-    value?: number | string;
-    /** 小数点后位数 默认是小数点后2位 */
-    precision?: number;
-    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
-    showCurrencySymbol?: boolean;
-    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
-    useThousandsSeparator?: boolean;
-    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
-    hideDecimalForWholeNumbers?: boolean;
-    /** 货币符号 */
-    symbol?: string;
-}
-declare const Amount: (props: AmountProps) => React.JSX.Element;
-export default Amount;