/**
 * @jsxRuntime classic
 * @jsx jsx
 */
import type { CSSProperties } from 'react';
import { jsx } from '@emotion/react';
import type { ExtensionsPluginInjectionAPI } from '../../types';
import type { LozengeData } from './index';
export declare const ICON_SIZE = 24;
type LozengeComponentProps = {
    customContainerStyles?: CSSProperties;
    extensionName: string;
    isBodiedMacro?: boolean;
    isNodeHovered?: boolean;
    isNodeNested?: boolean;
    isNodeSelected?: boolean;
    lozengeData?: LozengeData;
    params: any;
    pluginInjectionApi?: ExtensionsPluginInjectionAPI;
    renderImage: (lozengeData: LozengeData) => void;
    setIsNodeHovered?: (isHovered: boolean) => void;
    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
    showBodiedExtensionRendererView?: boolean;
    showLivePagesBodiedMacrosRendererView?: boolean;
    showMacroInteractionDesignUpdates?: boolean;
    showUpdatedLivePages1PBodiedExtensionUI?: boolean;
    title: string;
};
export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, pluginInjectionApi, }: LozengeComponentProps) => jsx.JSX.Element;
export {};
