import {
  ThemeProvider
} from "./chunk-BVNXAZ4W.js";
import {
  Heading
} from "./chunk-XEB6STON.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  Button
} from "./chunk-U7JPP7WJ.js";
import {
  __spreadProps,
  __spreadValues
} from "./chunk-N552FDTV.js";

// src/molecules/ghost-post.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function GhostPost(props) {
  const { defaultThemeProps, html, onPageBack } = props;
  return /* @__PURE__ */ jsx(
    ThemeProvider,
    __spreadProps(__spreadValues({}, defaultThemeProps), {
      accentColor: "iris",
      scaling: "110%",
      style: {},
      children: html ? /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
        "div",
        {
          className: "gh-content",
          dangerouslySetInnerHTML: { __html: html }
        }
      ) }) : /* @__PURE__ */ jsxs(
        Flex,
        {
          align: "center",
          direction: "column",
          gap: "6",
          height: "100%",
          justify: "center",
          width: "100%",
          children: [
            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
            /* @__PURE__ */ jsx(
              Heading,
              {
                align: "center",
                color: "gray",
                variant: "heading4",
                weight: "regular",
                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
              }
            ),
            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
          ]
        }
      )
    })
  );
}

export {
  GhostPost
};
//# sourceMappingURL=chunk-YQBB76BD.js.map