```js
// YourPage.tsx

import React from 'react';
import PageLayout from './PageLayout';
import Document from './Document'
import SubDocuments from './SubDocuments'
import DocumentHeader from './DocumentHeader';
import DocumentList from './DocumentList';


export interface DocumentScreen {
  user?: {};
  document?: Document;
  subdocuments?: SubDocuments[];
};

function DocumentScreen({ user, document, subdocuments }) {
  return (
    <PageLayout user={user}>
      <DocumentHeader document={document} />
      <DocumentList documents={subdocuments} />
    </PageLayout>
  );
}
```