// Static import — โหลดทันทีตอน start (ต้องอยู่ด้านบนสุดของไฟล์)
import { formatDate } from "./utils/date";

// Dynamic import — โหลดเมื่อเรียก (วางไว้ที่ไหนก็ได้)
const module = await import("./utils/date");
const { formatDate } = module;

// แบบ .then()
import("./utils/math").then((module) => {
  const result = module.add(2, 3);
  console.log(result); // 5
});

// แบบ async/await — อ่านง่ายกว่า
async function calculate() {
  const { add, multiply } = await import("./utils/math");
  console.log(add(2, 3));      // 5
  console.log(multiply(4, 5)); // 20
}

calculate();

// โหลด module เมื่อคลิก — ไม่โหลดล่วงหน้า
document.getElementById("btn").addEventListener("click", async () => {
  const { renderChart } = await import("./chart-renderer");
  renderChart("#container", data);
});

// โหลดตาม condition
async function loadLocale(lang) {
  if (lang === "th") {
    const { messages } = await import("./locales/th");
    return messages;
  }
  const { messages } = await import("./locales/en");
  return messages;
}

// ใน Next.js / React — lazy load component
// const HeavyComponent = React.lazy(() => import("./HeavyComponent"));