@techolution-ai/computer-vision/build/modern/scanner/status-item.js

A JavaScript/TypeScript library for computer vision applications, providing tools for image processing, scanning, and MQTT-based messaging.

// src/scanner/status-item.tsx
import { combineClassNames } from "../helpers/utils.js";
import { jsx, jsxs } from "react/jsx-runtime";
var StatusItem = ({ message, icon, render, slotProps = {} }) => {
  const renderStatusItem = render?.();
  return /* @__PURE__ */ jsx(
    "div",
    {
      ...slotProps.root,
      className: combineClassNames("status_root", slotProps.root?.className),
      children: renderStatusItem ? renderStatusItem : /* @__PURE__ */ jsxs(
        "div",
        {
          ...slotProps.container,
          className: combineClassNames(
            "status_icon_text_container",
            slotProps.container?.className
          ),
          children: [
            icon && (typeof icon === "string" ? /* @__PURE__ */ jsx(
              "img",
              {
                src: icon,
                ...slotProps.icon,
                style: { width: 40, height: 40, ...slotProps.icon?.style }
              }
            ) : icon),
            /* @__PURE__ */ jsx(
              "p",
              {
                ...slotProps.message,
                className: combineClassNames(
                  "status_message_style",
                  slotProps.message?.className
                ),
                children: message
              }
            )
          ]
        }
      )
    }
  );
};
var status_item_default = StatusItem;
export {
  status_item_default as default
};
//# sourceMappingURL=status-item.js.map