import "@shopify/ui-extensions/preact";
import { render } from "preact";
import { confirmationText } from "./lib.js";

export default async () => {
  render(<Extension />, document.body);
};

// Plus-only nicety layered on top of the all-plan Liquid block
// (extensions/datetime-widget/blocks/order-confirmation.liquid). Reads the
// same dd_* attributes every surface writes and echoes the scheduled slot
// straight back on the Thank you page.
function Extension() {
  const text = confirmationText(shopify);
  if (!text) return null;
  return (
    <s-stack gap="base">
      <s-heading>{shopify.i18n.translate("name")}</s-heading>
      <s-text>{text}</s-text>
    </s-stack>
  );
}