import { jsxs as t, jsx as e } from "react/jsx-runtime";
import b from "./Dialog.js";
import a from "../button/Button.js";
const y = (r) => {
  const {
    className: o,
    show: s,
    onClose: i,
    onStartTour: n,
    imageSrc: l,
    imageAlt: d,
    title: c = "Welcome to the RIO UIKIT!",
    description: m = /* @__PURE__ */ t("span", { children: [
      /* @__PURE__ */ e("span", { className: "text-medium", children: "Get started with a quick tour to explore UIKIT and discover its key features." }),
      " ",
      /* @__PURE__ */ e("span", { children: "It's the easiest way to get familiar with the service and make the most of your experience." })
    ] }),
    onboardingRestartHint: h = "Not ready to start now?",
    onboardingRestartDescription: g = "You can always start the onboarding tour later from the service info option in the application header.",
    skipButtonText: p = "Skip",
    tourButtonText: u = "Start the tour",
    ...x
  } = r, N = `${o || ""} onboarding-dialog`;
  return /* @__PURE__ */ e(
    b,
    {
      ...x,
      show: s,
      bsSize: "sm",
      onClose: i,
      onEsc: i,
      bodyClassName: "padding-0",
      className: N,
      showCloseButton: !1,
      body: /* @__PURE__ */ t("div", { children: [
        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
          "img",
          {
            className: "img-responsive rounded-top-right-extra-large rounded-top-left-extra-large",
            src: l,
            alt: d
          }
        ) }),
        /* @__PURE__ */ t("div", { className: "position-relative padding-20 margin-top-10 margin-x-20", children: [
          /* @__PURE__ */ e("div", { className: "margin-bottom-15 margin-right-20 text-color-darkest", children: /* @__PURE__ */ e("div", { className: "text-size-h3 text-medium", children: c }) }),
          /* @__PURE__ */ e("div", { className: "text-color-darker", children: /* @__PURE__ */ e("p", { className: "text-size-16", children: m }) }),
          /* @__PURE__ */ t("div", { className: "text-color-darker", children: [
            /* @__PURE__ */ e("div", { className: "margin-top-25 text-medium", children: h }),
            /* @__PURE__ */ e("p", { className: "text-color-darker padding-bottom-15 margin-top-5", children: g })
          ] }),
          /* @__PURE__ */ t("div", { className: "btn-toolbar justify-content-end margin-y-20", children: [
            /* @__PURE__ */ e(a, { bsStyle: a.MUTED, onClick: i, children: p }),
            /* @__PURE__ */ e(a, { bsStyle: a.PRIMARY, onClick: n, children: u })
          ] })
        ] })
      ] })
    }
  );
};
export {
  y as default
};
//# sourceMappingURL=OnboardingDialog.js.map
