"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
    __webpack_require__.r = (exports1)=>{
        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    AddNodePanelEmptyMessage: ()=>AddNodePanelEmptyMessage
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const index_cjs_namespaceObject = require("../../utils/index.cjs");
function hasButtonAction(props) {
    return Boolean(props.actionLabel && !props.actionHref && props.onAction);
}
function AddNodePanelEmptyMessage(props) {
    const { icon, message } = props;
    const actionClassName = 'rounded-md border border-solid px-3 py-1.5 text-xs font-medium no-underline';
    const actionStyle = {
        borderColor: 'var(--canvas-border)',
        color: 'var(--canvas-foreground-emp)',
        backgroundColor: 'var(--canvas-background)'
    };
    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("output", {
        className: "flex min-h-[250px] flex-1 flex-col items-center justify-center gap-4 px-6 py-8 text-center",
        "aria-live": "polite",
        children: [
            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                className: "flex h-10 w-10 items-center justify-center rounded-lg",
                style: {
                    backgroundColor: 'var(--canvas-background-hover)',
                    color: 'var(--canvas-foreground-de-emp)'
                },
                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.CanvasIcon, {
                    icon: icon,
                    size: 22
                })
            }),
            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
                className: "m-0 max-w-[240px] text-sm leading-5 text-foreground-muted",
                children: message
            }),
            props.actionLabel && props.actionHref && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
                href: props.actionHref,
                className: actionClassName,
                style: actionStyle,
                onClick: props.onAction,
                children: props.actionLabel
            }),
            hasButtonAction(props) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                type: "button",
                className: actionClassName,
                style: actionStyle,
                onClick: props.onAction,
                children: props.actionLabel
            })
        ]
    });
}
exports.AddNodePanelEmptyMessage = __webpack_exports__.AddNodePanelEmptyMessage;
for(var __rspack_i in __webpack_exports__)if (-1 === [
    "AddNodePanelEmptyMessage"
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
Object.defineProperty(exports, '__esModule', {
    value: true
});
