storybook/docs/snippets/svelte/page-story-with-args-composition.js.mdx

```js
// YourPage.stories.js

import DocumentScreen from './YourPage.svelte';

//👇 Imports the required stories
import * as PageLayoutStories from './PageLayout.stories';
import * as DocumentHeaderStories from './DocumentHeader.stories';
import * as DocumentListStories from './DocumentList.stories';

export default {
  component: DocumentScreen,
};

export const Simple = {
  args: {
    user: PageLayoutStories.Simple.args.user,
    document: DocumentHeaderStories.Simple.args.document,
    subdocuments: DocumentListStories.Simple.args.documents,
  },
  render: (args) => ({
    Components: DocumentScreen,
    props: args,
  }),
};
```