@commercetools-frontend/application-shell-connectors/dist/declarations/src/components/project-extension-image-regex/project-extension-image-regex.d.ts

Contains complementary tools for @commercetools-frontend/application-shell

import { type ComponentType, type ReactNode } from 'react';
import type { TImageRegexOptions } from "../../types/generated/settings.js";
export type TImageRegexContext = {
    isLoading: boolean;
    imageRegex?: {
        small?: Pick<TImageRegexOptions, 'flag' | 'replace' | 'search'> | null;
        thumb?: Pick<TImageRegexOptions, 'flag' | 'replace' | 'search'> | null;
    } | null;
};
type ProviderProps = {
    skip?: boolean;
    children: ReactNode;
};
type ConsumerProps = {
    render: (imageRegex: TImageRegexContext) => ReactNode;
    children?: never;
};
declare const useProjectExtensionImageRegex: () => {
    isLoading: boolean;
    imageRegex: {
        small?: Pick<TImageRegexOptions, "flag" | "replace" | "search"> | null;
        thumb?: Pick<TImageRegexOptions, "flag" | "replace" | "search"> | null;
    } | null | undefined;
};
declare const ProjectExtensionProviderForImageRegex: {
    (props: ProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
    displayName: string;
};
declare const GetProjectExtensionImageRegex: {
    (props: ConsumerProps): import("@emotion/react/jsx-runtime").JSX.Element;
    displayName: string;
};
declare function withProjectExtensionImageRegex<Props extends {}>(propKey?: string): (Component: ComponentType<Props>) => {
    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
    displayName: string;
};
export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, useProjectExtensionImageRegex, };