/* @aztlan/generator-front 2.0.9 */
// import * as React from 'react'

import {
  Meta, StoryObj,
} from '@storybook/react'
import { encodeGlobalId } from '@aztlan/react-relay'
import decorators from 'story-utils/decorators.js'
import Component from './Base.js'
import {
  ArticleEntity,
  EventEntity,
  CollectionEntity,
  ImageEntity,
} from '../../entities/index.js'

const meta: Meta<typeof Component> = {
  title     :'activitystreams/Form/Base',
  component :Component,
  decorators:[decorators.components.Router],
}

export default meta

export const Article: StoryObj<typeof Component> = {
  args:{
    children:'Sample Entity',
    instance:new ArticleEntity({
      id:encodeGlobalId(
        'Article', '1',
      ),
      name   :'Sample Article',
      summary:'This is a sample article',
      content:'This is a sample article content',
    }),
  },
}

export const Event: StoryObj<typeof Component> = {
  args:{
    children:'eemple Entity',
    instance:new EventEntity({
      id:encodeGlobalId(
        'Event', '2',
      ),
      name   :'Sample Event',
      summary:'This is a sample event',
      content:'This is a sample event content',
    }),
  },
}

export const Collection: StoryObj<typeof Component> = {
  args:{
    children:'Sample Entity',
    instance:new CollectionEntity({
      id:encodeGlobalId(
        'Collection', '3',
      ),
      name   :'Sample Collection',
      summary:'This is a sample collection',
      content:'This is a sample collection content',
    }),
  },
}

export const Image: StoryObj<typeof Component> = {
  args:{
    children:'Sample Entity',
    instance:new ImageEntity({
      id:encodeGlobalId(
        'Image', '4',
      ),
      name   :'Sample Image',
      summary:'This is a sample image',
      content:'This is a sample image content',
    }),
  },
}