'use strict';
'use client';
import { c } from 'react/compiler-runtime';
import { jsx } from 'react/jsx-runtime';
import { SubscriptionPlan } from '../../components/subscription-plan/SubscriptionPlan.js';
import { getSubscriptionPlanConfig } from '../../components/subscription-plan/subscription-plan-config.js';
import { useState } from 'react';
import { useAsyncEffect } from '../../../../fd-toolbox/hooks/use-async-effect.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function PaymentPlanPage() {
  const $ = c(4);
  const [config, setConfig] = useState();
  let t0;
  let t1;
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
    t0 = async () => {
      setConfig(await getSubscriptionPlanConfig());
    };
    t1 = [];
    $[0] = t0;
    $[1] = t1;
  } else {
    t0 = $[0];
    t1 = $[1];
  }
  useAsyncEffect(t0, t1);
  let t2;
  if ($[2] !== config) {
    t2 = jsx("main", {
      className: "relative space-y-2 p-2",
      children: jsx(SubscriptionPlan, {
        config
      })
    });
    $[2] = config;
    $[3] = t2;
  } else {
    t2 = $[3];
  }
  return t2;
}
__name(PaymentPlanPage, "PaymentPlanPage");

export { PaymentPlanPage as default };
