import React from 'react';
import { Head } from '@inertiajs/react';
import KasirLayout from '@/Layouts/KasirLayout';
import { PosProvider } from './Context/PosContext';
import PosMainWorkstation from './Components/POS/PosMainWorkstation';
import PosModalHost from './Components/POS/PosModalHost';

/**
 * POS: Top-Level Declarative Entry Point for Cashier Terminal.
 * 
 * Engineered with a Hexagonal / Headless Modular Architecture:
 * - <PosProvider />        : Scoped domain context (Cart, RAM Catalog, Checkout Engine, Peripherals).
 * - <PosMainWorkstation /> : Cashier workspace (Product Search Grid + Reactive Cart Panel).
 * - <PosModalHost />       : Unified finite-state machine modal host (Zero boolean flag explosion).
 */
export default function POS() {
    return (
        <PosProvider>
            <KasirLayout>
                <Head title="Point of Sale" />
                <PosMainWorkstation />
                <PosModalHost />
            </KasirLayout>
        </PosProvider>
    );
}