import { getPosProducts, getPosCategories } from "@/lib/actions/pos";
import PosTerminal from "./components/pos-terminal";

export const dynamic = "force-dynamic";

export default async function PosPage() {
  const [products, categories] = await Promise.all([
    getPosProducts(),
    getPosCategories(),
  ]);

  return (
    <div className="flex flex-col gap-4">
      <div>
        <h1 className="text-2xl font-bold tracking-tight">Point of Sale</h1>
        <p className="text-sm text-muted-foreground">
          Process sales and manage transactions.
        </p>
      </div>

      <PosTerminal products={products} categories={categories} />
    </div>
  );
}