Bangun & Publish
Aplikasi Web Apapun Lewat Chat AI

// components/PosCashier.tsx - POS Engine by VibeCoder AI
import { useState, useMemo } from 'react';

export function PosCashier({ products, onCheckout }) {
  const [cart, setCart] = useState([]);
  
  const total = useMemo(() => {
    return cart.reduce((acc, item) => acc + (item.price * item.qty), 0);
  }, [cart]);

  const addToCart = (product) => {
    setCart(prev => {
      const exist = prev.find(i => i.id === product.id);
      if (exist) {
        return prev.map(i => i.id === product.id ? { ...i, qty: i.qty + 1 } : i);
      }
      return [...prev, { ...product, qty: 1 }];
    });
  };

  return (
    <div className="grid grid-cols-12 gap-4">
      {/* Product Catalog & Real-Time Cart */}
    </div>
  );
}