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

export default function Manifest() {
  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 Cargo Manifest</h1>
      <ManifestForm onAddItem={addItem} items={items} />
    </div>
  );
}