import { useState } from 'react';
import { BillOfEntryForm } from './components';

export default function BillOfEntry() {
  const [items, setItems] = useState([]);

  const addItem = (item) => {
    setItems([...items, item]);
  };

  return (
    <div className="container mx-auto p-4">
      <h1 className="text-2xl font-bold mb-4">New Bill of Entry</h1>
      <BillOfEntryForm onAddItem={addItem} items={items} />
    </div>
  );
}