"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const designSystem = require("@choiceform/design-system");
const react = require("../../_vendor/@legendapp/state/react.cjs");
const index = require("../../i18n/index.cjs");
const tv = require("./tv.cjs");
const messageStore = require("../../stores/message-store.cjs");
const BlockWelcome = react.observer(function BlockWelcome2(props) {
  const { className, children, ...rest } = props;
  const shouldShowWelcome = react.use$(messageStore.messageComputed$.shouldShowWelcome);
  const welcomeTitle = index.t("conversation", "welcome-title");
  const welcomeDescription = index.t("conversation", "welcome-description");
  const tv$1 = tv.BlockWelcomeTv();
  if (!shouldShowWelcome) return null;
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      className: designSystem.tcx(tv$1.root(), className),
      ...rest,
      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: tv$1.container(), children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: tv$1.title(), children: welcomeTitle }),
        /* @__PURE__ */ jsxRuntime.jsx("p", { className: tv$1.description(), children: welcomeDescription })
      ] }) })
    }
  );
});
exports.BlockWelcome = BlockWelcome;
//# sourceMappingURL=block-welcome.cjs.map
