import type { Metadata } from "next";

import { PageHeader } from "@/components/design-system/page-header";
import { LabelSizesSection } from "@/components/design-system/sections/records-more-demo";
import { PrintDocumentsSection, PrintLabelsSection, PrintReceiptsSection } from "@/components/design-system/sections/documents/print-demo";

export const metadata: Metadata = { title: "Documents and print | Medora Design System" };

export default function DocumentsPage() {
  return (
    <>
      <PageHeader
        title="Documents and print"
        description="Print layouts: A4 documents, thermal receipts and labels. Paper sizes are working defaults until the print formats are decided (D10). Everything prints black on white, and only the document prints, never the app around it."
      />
      <PrintDocumentsSection />
      <PrintReceiptsSection />
      <PrintLabelsSection />
      <LabelSizesSection />
    </>
  );
}