easy-email-extensions 4.4.2 → 4.4.4

package/lib/AttributePanel/utils/BlockAttributeConfigurationManager.d.ts

@@ -1,10 +1,10 @@
-declare type ObjectComponent = {
-    [key: string]: () => JSX.Element | null;
-};
-export declare class BlockAttributeConfigurationManager {
-    private static map;
-    static add(componentMap: ObjectComponent): void;
-    static get<T extends ObjectComponent>(name: keyof T): () => JSX.Element | null;
-    static getMap(): ObjectComponent;
-}
-export {};
+declare type ObjectComponent = {
+    [key: string]: () => JSX.Element | null;
+};
+export declare class BlockAttributeConfigurationManager {
+    private static map;
+    static add(componentMap: ObjectComponent): void;
+    static get<T extends ObjectComponent>(name: keyof T): () => JSX.Element | null;
+    static getMap(): ObjectComponent;
+}
+export {};

package/lib/AttributePanel/utils/InputNumberAdapter.d.ts

@@ -1,2 +1,2 @@
-export declare function isNumber(num: any): num is number;
-export declare function InputNumberAdapter(val: string | number): string | number;
+export declare function isNumber(num: any): num is number;
+export declare function InputNumberAdapter(val: string | number): string | number;

package/lib/AttributePanel/utils/PromiseEach.d.ts

@@ -1 +1 @@
-export declare function PromiseEach(promiseLikes: PromiseLike<any>[]): Promise<unknown>;
+export declare function PromiseEach(promiseLikes: PromiseLike<any>[]): Promise<unknown>;

package/lib/AttributePanel/utils/Uploader.d.ts

@@ -1,35 +1,35 @@
-interface Options {
-    limit?: number;
-    accept?: string;
-    minSize?: number;
-    maxSize?: number;
-    autoUpload?: boolean;
-}
-export declare type UploadItem = {
-    idx: string;
-    url: string;
-    status: 'pending' | 'done' | 'error';
-};
-export declare type UploaderEventMap = {
-    start: (data: UploadItem[]) => void;
-    progress: (data: UploadItem[]) => void;
-    end: (data: UploadItem[]) => void;
-};
-export declare type UploaderServer = (file: File) => Promise<string>;
-export declare class Uploader {
-    private options;
-    private el;
-    private uploadServer;
-    private handler;
-    constructor(uploadServer: UploaderServer, options: Options);
-    private createInput;
-    uploadFiles(files: File[]): Promise<void>;
-    private uploadFile;
-    private checkFile;
-    private checkTypes;
-    private checkSize;
-    chooseFile(): void;
-    on<K extends keyof UploaderEventMap>(event: K, fn: UploaderEventMap[K]): void;
-    off<K extends keyof UploaderEventMap>(event: K, fn: UploaderEventMap[K]): void;
-}
-export {};
+interface Options {
+    limit?: number;
+    accept?: string;
+    minSize?: number;
+    maxSize?: number;
+    autoUpload?: boolean;
+}
+export declare type UploadItem = {
+    idx: string;
+    url: string;
+    status: 'pending' | 'done' | 'error';
+};
+export declare type UploaderEventMap = {
+    start: (data: UploadItem[]) => void;
+    progress: (data: UploadItem[]) => void;
+    end: (data: UploadItem[]) => void;
+};
+export declare type UploaderServer = (file: File) => Promise<string>;
+export declare class Uploader {
+    private options;
+    private el;
+    private uploadServer;
+    private handler;
+    constructor(uploadServer: UploaderServer, options: Options);
+    private createInput;
+    uploadFiles(files: File[]): Promise<void>;
+    private uploadFile;
+    private checkFile;
+    private checkTypes;
+    private checkSize;
+    chooseFile(): void;
+    on<K extends keyof UploaderEventMap>(event: K, fn: UploaderEventMap[K]): void;
+    off<K extends keyof UploaderEventMap>(event: K, fn: UploaderEventMap[K]): void;
+}
+export {};

package/lib/AttributePanel/utils/awaitForElement.d.ts

@@ -1,4 +1,4 @@
-export declare function awaitForElement<T extends HTMLElement>(idx: string): {
-    cancel: () => void;
-    promise: Promise<T>;
-};
+export declare function awaitForElement<T extends HTMLElement>(idx: string): {
+    cancel: () => void;
+    promise: Promise<T>;
+};

package/lib/AttributePanel/utils/classnames.d.ts

@@ -1 +1 @@
-export declare function classnames(...rest: any[]): string;
+export declare function classnames(...rest: any[]): string;

package/lib/AttributePanel/utils/getImg.d.ts

@@ -1,8 +1,8 @@
-declare const defaultImagesMap: {
-    IMAGE_59: string;
-    AttributePanel_01: string;
-    AttributePanel_02: string;
-    AttributePanel_03: string;
-};
-export declare function getImg(name: keyof typeof defaultImagesMap): string;
-export {};
+declare const defaultImagesMap: {
+    IMAGE_59: string;
+    AttributePanel_01: string;
+    AttributePanel_02: string;
+    AttributePanel_03: string;
+};
+export declare function getImg(name: keyof typeof defaultImagesMap): string;
+export {};

package/lib/AttributePanel/utils/onDrag.d.ts

@@ -1,10 +1,10 @@
-export declare const isMouseEvent: (event: MouseEvent | TouchEvent) => event is MouseEvent;
-/**
- *
- * @param event
- */
-export declare const onDrag: ({ event, onMove, onEnd, }: {
-    event: TouchEvent | MouseEvent;
-    onMove: (x: number, y: number) => void;
-    onEnd?: (() => void) | undefined;
-}) => void;
+export declare const isMouseEvent: (event: MouseEvent | TouchEvent) => event is MouseEvent;
+/**
+ *
+ * @param event
+ */
+export declare const onDrag: ({ event, onMove, onEnd, }: {
+    event: TouchEvent | MouseEvent;
+    onMove: (x: number, y: number) => void;
+    onEnd?: (() => void) | undefined;
+}) => void;

package/lib/AttributePanel/utils/previewLoadImage.d.ts

@@ -1 +1 @@
-export declare function previewLoadImage(url: string): Promise<HTMLImageElement>;
+export declare function previewLoadImage(url: string): Promise<HTMLImageElement>;

package/lib/BlockLayer/components/BlockTree/index.d.ts

@@ -1,51 +1,51 @@
-import React from 'react';
-interface TreeNode<T> {
-    id: string;
-    children?: T[];
-}
-export interface BlockTreeProps<T extends TreeNode<T>> {
-    treeData: T[];
-    selectedKeys?: string[];
-    expandedKeys?: string[];
-    onSelect: (selectedId: string) => void;
-    onContextMenu?: (nodeData: T, ev: React.MouseEvent) => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
-    onMouseLeave?: () => void;
-    onMouseEnter?: (id: string) => void;
-    renderTitle: (data: T) => React.ReactNode;
-    defaultExpandAll?: boolean;
-    allowDrop: (o: {
-        dragNode: {
-            type: string;
-        } | {
-            key: string;
-        };
-        dropNode: {
-            dataRef: T;
-            parent: T;
-            key: string;
-        };
-        dropPosition: number;
-    }) => false | {
-        key: string;
-        position: number;
-    };
-    onDrop: (o: {
-        dragNode: {
-            dataRef: T;
-            parent: T;
-            key: string;
-            parentKey: string;
-        };
-        dropNode: {
-            dataRef: T;
-            parent: T;
-            key: string;
-            parentKey: string;
-        };
-        dropPosition: number;
-    }) => void;
-}
-export declare function BlockTree<T extends TreeNode<T>>(props: BlockTreeProps<T>): JSX.Element;
-export {};
+import React from 'react';
+interface TreeNode<T> {
+    id: string;
+    children?: T[];
+}
+export interface BlockTreeProps<T extends TreeNode<T>> {
+    treeData: T[];
+    selectedKeys?: string[];
+    expandedKeys?: string[];
+    onSelect: (selectedId: string) => void;
+    onContextMenu?: (nodeData: T, ev: React.MouseEvent) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    onMouseLeave?: () => void;
+    onMouseEnter?: (id: string) => void;
+    renderTitle: (data: T) => React.ReactNode;
+    defaultExpandAll?: boolean;
+    allowDrop: (o: {
+        dragNode: {
+            type: string;
+        } | {
+            key: string;
+        };
+        dropNode: {
+            dataRef: T;
+            parent: T;
+            key: string;
+        };
+        dropPosition: number;
+    }) => false | {
+        key: string;
+        position: number;
+    };
+    onDrop: (o: {
+        dragNode: {
+            dataRef: T;
+            parent: T;
+            key: string;
+            parentKey: string;
+        };
+        dropNode: {
+            dataRef: T;
+            parent: T;
+            key: string;
+            parentKey: string;
+        };
+        dropPosition: number;
+    }) => void;
+}
+export declare function BlockTree<T extends TreeNode<T>>(props: BlockTreeProps<T>): JSX.Element;
+export {};

package/lib/BlockLayer/components/BlockTree/transparentImage.d.ts

@@ -1 +1 @@
-export declare const transparentImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==";
+export declare const transparentImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==";

package/lib/BlockLayer/components/ContextMenu/index.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { useBlock } from 'easy-email-editor';
-import { IBlockDataWithId } from '../../../BlockLayer';
-export declare function ContextMenu({ moveBlock, copyBlock, removeBlock, contextMenuData, onClose, }: {
-    onClose: (ev?: React.MouseEvent) => void;
-    moveBlock: ReturnType<typeof useBlock>['moveBlock'];
-    copyBlock: ReturnType<typeof useBlock>['copyBlock'];
-    removeBlock: ReturnType<typeof useBlock>['removeBlock'];
-    contextMenuData: {
-        blockData: IBlockDataWithId;
-        left: number;
-        top: number;
-    };
-}): JSX.Element;
+import React from 'react';
+import { useBlock } from 'easy-email-editor';
+import { IBlockDataWithId } from '../../../BlockLayer';
+export declare function ContextMenu({ moveBlock, copyBlock, removeBlock, contextMenuData, onClose, }: {
+    onClose: (ev?: React.MouseEvent) => void;
+    moveBlock: ReturnType<typeof useBlock>['moveBlock'];
+    copyBlock: ReturnType<typeof useBlock>['copyBlock'];
+    removeBlock: ReturnType<typeof useBlock>['removeBlock'];
+    contextMenuData: {
+        blockData: IBlockDataWithId;
+        left: number;
+        top: number;
+    };
+}): JSX.Element;

package/lib/BlockLayer/components/EyeIcon/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { IBlockDataWithId } from '../..';
-export declare function EyeIcon({ blockData, hidden, onToggleVisible, }: {
-    blockData: IBlockDataWithId;
-    hidden?: boolean;
-    onToggleVisible: (blockData: IBlockDataWithId, ev: React.MouseEvent) => void;
-}): JSX.Element | null;
+import React from 'react';
+import { IBlockDataWithId } from '../..';
+export declare function EyeIcon({ blockData, hidden, onToggleVisible, }: {
+    blockData: IBlockDataWithId;
+    hidden?: boolean;
+    onToggleVisible: (blockData: IBlockDataWithId, ev: React.MouseEvent) => void;
+}): JSX.Element | null;

package/lib/BlockLayer/hooks/useAvatarWrapperDrop.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-import { IBlockDataWithId } from '..';
-export declare function useAvatarWrapperDrop(): {
-    setBlockLayerRef: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
-    blockLayerRef: HTMLElement | null;
-    allowDrop: (o: {
-        dragNode: {
-            type: string;
-        } | {
-            key: string;
-        };
-        dropNode: {
-            dataRef: IBlockDataWithId;
-            parent: IBlockDataWithId;
-            key: string;
-        };
-        dropPosition: number;
-    }) => false | {
-        key: string;
-        position: number;
-    };
-    removeHightLightClassName: () => void;
-};
-export declare function getDirectionFormDropPosition(position: number): "" | "top" | "bottom";
+/// <reference types="react" />
+import { IBlockDataWithId } from '..';
+export declare function useAvatarWrapperDrop(): {
+    setBlockLayerRef: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
+    blockLayerRef: HTMLElement | null;
+    allowDrop: (o: {
+        dragNode: {
+            type: string;
+        } | {
+            key: string;
+        };
+        dropNode: {
+            dataRef: IBlockDataWithId;
+            parent: IBlockDataWithId;
+            key: string;
+        };
+        dropPosition: number;
+    }) => false | {
+        key: string;
+        position: number;
+    };
+    removeHightLightClassName: () => void;
+};
+export declare function getDirectionFormDropPosition(position: number): "" | "top" | "bottom";

package/lib/BlockLayer/index.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { IBlockData } from 'easy-email-core';
-export interface IBlockDataWithId extends IBlockData {
-    id: string;
-    icon?: React.ReactElement;
-    parent: IBlockDataWithId | null;
-    children: IBlockDataWithId[];
-    className?: string;
-}
-export interface BlockLayerProps {
-    renderTitle?: (block: IBlockDataWithId) => React.ReactNode;
-}
-export declare function BlockLayer(props: BlockLayerProps): JSX.Element | null;
+import React from 'react';
+import { IBlockData } from 'easy-email-core';
+export interface IBlockDataWithId extends IBlockData {
+    id: string;
+    icon?: React.ReactElement;
+    parent: IBlockDataWithId | null;
+    children: IBlockDataWithId[];
+    className?: string;
+}
+export interface BlockLayerProps {
+    renderTitle?: (block: IBlockDataWithId) => React.ReactNode;
+}
+export declare function BlockLayer(props: BlockLayerProps): JSX.Element | null;

package/lib/ConfigurationPanel/index.d.ts

@@ -1,7 +1,7 @@
-export interface ConfigurationPanelProps {
-    showSourceCode: boolean;
-    height: string;
-    onBack?: () => void;
-    compact?: boolean;
-}
-export declare function ConfigurationPanel({ showSourceCode, height, onBack, compact, }: ConfigurationPanelProps): JSX.Element | null;
+export interface ConfigurationPanelProps {
+    showSourceCode: boolean;
+    height: string;
+    onBack?: () => void;
+    compact?: boolean;
+}
+export declare function ConfigurationPanel({ showSourceCode, height, onBack, compact, }: ConfigurationPanelProps): JSX.Element | null;

package/lib/EditPanel/Blocks/index.d.ts

@@ -1 +1 @@
-export declare function Blocks(): JSX.Element;
+export declare function Blocks(): JSX.Element;

package/lib/EditPanel/ConfigurationDrawer/index.d.ts

@@ -1,5 +1,5 @@
-export declare function ConfigurationDrawer({ height, compact, showSourceCode, }: {
-    height: string;
-    compact: boolean;
-    showSourceCode: boolean;
-}): JSX.Element;
+export declare function ConfigurationDrawer({ height, compact, showSourceCode, }: {
+    height: string;
+    compact: boolean;
+    showSourceCode: boolean;
+}): JSX.Element;

package/lib/EditPanel/index.d.ts

@@ -1,3 +1,3 @@
-export declare function EditPanel({ showSourceCode }: {
-    showSourceCode: boolean;
-}): JSX.Element;
+export declare function EditPanel({ showSourceCode }: {
+    showSourceCode: boolean;
+}): JSX.Element;

package/lib/InteractivePrompt/components/FocusTooltip.d.ts

@@ -1 +1 @@
-export declare function FocusTooltip(): JSX.Element | null;
+export declare function FocusTooltip(): JSX.Element | null;

package/lib/InteractivePrompt/components/HoverTooltip.d.ts

@@ -1 +1 @@
-export declare function HoverTooltip(): JSX.Element | null;
+export declare function HoverTooltip(): JSX.Element | null;

package/lib/InteractivePrompt/components/Toolbar.d.ts

@@ -1 +1 @@
-export declare function Toolbar(): JSX.Element | null;
+export declare function Toolbar(): JSX.Element | null;

package/lib/InteractivePrompt/index.d.ts

@@ -1 +1 @@
-export declare function InteractivePrompt(): JSX.Element | null;
+export declare function InteractivePrompt(): JSX.Element | null;

package/lib/InteractivePrompt/utils/awaitForElement.d.ts

@@ -1,4 +1,4 @@
-export declare function awaitForElement<T extends HTMLElement>(idx: string): {
-    cancel: () => void;
-    promise: Promise<T>;
-};
+export declare function awaitForElement<T extends HTMLElement>(idx: string): {
+    cancel: () => void;
+    promise: Promise<T>;
+};

package/lib/MergeTagBadgePrompt/index.d.ts

@@ -1 +1 @@
-export declare function MergeTagBadgePrompt(): JSX.Element;
+export declare function MergeTagBadgePrompt(): JSX.Element;

package/lib/ShortcutToolbar/ShortcutToolbar.d.ts

@@ -1 +1 @@
-export declare function ShortcutToolbar(): JSX.Element;
+export declare function ShortcutToolbar(): JSX.Element;

package/lib/ShortcutToolbar/components/BlockMaskWrapper/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { BlockType } from 'easy-email-core';
-export declare const BlockMaskWrapper: React.FC<{
-    type: BlockType | string;
-    payload: any;
-}>;
+import React from 'react';
+import { BlockType } from 'easy-email-core';
+export declare const BlockMaskWrapper: React.FC<{
+    type: BlockType | string;
+    payload: any;
+}>;

package/lib/ShortcutToolbar/components/BlocksPanel/index.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const BlocksPanel: React.FC;
+import React from 'react';
+export declare const BlocksPanel: React.FC;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/AccordionBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function AccordionBlockItem(): JSX.Element;
+export declare function AccordionBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/ButtonBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function ButtonBlockItem(): JSX.Element;
+export declare function ButtonBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/CarouselBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function CarouselBlockItem(): JSX.Element;
+export declare function CarouselBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/ColumnBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function ColumnBlockItem(): JSX.Element;
+export declare function ColumnBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/DividerBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function DividerBlockItem(): JSX.Element;
+export declare function DividerBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/GroupBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function GroupBlockItem(): JSX.Element;
+export declare function GroupBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/HeroBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function HeroBlockItem(): JSX.Element;
+export declare function HeroBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/ImageBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function ImageBlockItem(): JSX.Element;
+export declare function ImageBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/NavbarBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function NavbarBlockItem(): JSX.Element;
+export declare function NavbarBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/RawBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function RawBlockItem(): JSX.Element;
+export declare function RawBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/SectionBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function SectionBlockItem(): JSX.Element;
+export declare function SectionBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/SocialBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function SocialBlockItem(): JSX.Element;
+export declare function SocialBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/SpacerBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function SpacerBlockItem(): JSX.Element;
+export declare function SpacerBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/TextBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function TextBlockItem(): JSX.Element;
+export declare function TextBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/WrapperBlockItem/index.d.ts

@@ -1 +1 @@
-export declare function WrapperBlockItem(): JSX.Element;
+export declare function WrapperBlockItem(): JSX.Element;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.d.ts

@@ -1,18 +1,18 @@
-import { AdvancedType } from 'easy-email-core';
-import { TextBlockItem } from './TextBlockItem';
-import { ImageBlockItem } from './ImageBlockItem';
-export declare const defaultCategories: {
-    title: string;
-    name: string;
-    blocks: ({
-        type: AdvancedType;
-        title: string;
-        description: string;
-        component: typeof TextBlockItem;
-    } | {
-        type: AdvancedType;
-        title: string;
-        description: JSX.Element;
-        component: typeof ImageBlockItem;
-    })[];
-}[];
+import { AdvancedType } from 'easy-email-core';
+import { TextBlockItem } from './TextBlockItem';
+import { ImageBlockItem } from './ImageBlockItem';
+export declare const defaultCategories: {
+    title: string;
+    name: string;
+    blocks: ({
+        type: AdvancedType;
+        title: string;
+        description: string;
+        component: typeof TextBlockItem;
+    } | {
+        type: AdvancedType;
+        title: string;
+        description: JSX.Element;
+        component: typeof ImageBlockItem;
+    })[];
+}[];

package/lib/ShortcutToolbar/components/DragIcon/index.d.ts

@@ -1,8 +1,8 @@
-import { IBlockData } from 'easy-email-core';
-import { RecursivePartial } from 'easy-email-core';
-export interface DragIconProps<T extends IBlockData> {
-    type: string;
-    payload?: RecursivePartial<T>;
-    color: string;
-}
-export declare function DragIcon<T extends IBlockData = any>(props: DragIconProps<T>): JSX.Element;
+import { IBlockData } from 'easy-email-core';
+import { RecursivePartial } from 'easy-email-core';
+export interface DragIconProps<T extends IBlockData> {
+    type: string;
+    payload?: RecursivePartial<T>;
+    color: string;
+}
+export declare function DragIcon<T extends IBlockData = any>(props: DragIconProps<T>): JSX.Element;

package/lib/ShortcutToolbar/components/Picture/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface IPictureProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLImageElement>, HTMLElement> {
-    src: string;
-    className?: string;
-}
-export declare function Picture(props: IPictureProps): JSX.Element;
-export {};
+import React from 'react';
+interface IPictureProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLImageElement>, HTMLElement> {
+    src: string;
+    className?: string;
+}
+export declare function Picture(props: IPictureProps): JSX.Element;
+export {};