import MergePreviewForm from './MergePreviewForm';
import AdminProductList from './AdminProductList';
import Navigation from '../../Navigation';
import ExpandableCreateProductSection from './ExpandableCreateProductSection';
import ResetProductsButton from './ResetProductsButton';

export default async function AdminProductsPage() {
  return (
    <main style={{ padding: '1rem', maxWidth: '1100px', margin: '0 auto' }}>
      <Navigation />
      <h1 style={{ marginBottom: '1.5rem' }}>Admin: Produkter</h1>
      <p>Här kan du granska och standardisera produktnamn.</p>

      <ExpandableCreateProductSection />

      <ResetProductsButton />

      <MergePreviewForm />

      <AdminProductList />
    </main>
  );
}