overleaf/services/web/frontend/stories/modals/create-file/create-file-modal.stories.js

import React from 'react'
import { createFileModalDecorator } from './create-file-modal-decorator'
import FileTreeModalCreateFile from '../../../js/features/file-tree/components/modals/file-tree-modal-create-file'

export const MinimalFeatures = args => <FileTreeModalCreateFile {...args} />
MinimalFeatures.decorators = [
  createFileModalDecorator({
    hasFeature: () => false
  })
]

export const WithExtraFeatures = args => <FileTreeModalCreateFile {...args} />
WithExtraFeatures.decorators = [createFileModalDecorator()]

export const FileLimitReached = args => <FileTreeModalCreateFile {...args} />
FileLimitReached.decorators = [
  createFileModalDecorator({
    rootFolder: [
      {
        docs: Array.from({ length: 10 }, (_, index) => ({
          _id: `entity-${index}`
        })),
        fileRefs: [],
        folders: []
      }
    ]
  })
]

export default {
  title: 'Modals / Create File',
  component: FileTreeModalCreateFile
}