zammad/app/frontend/apps/mobile/components/Organization/OrganizationItem.stories.ts

// Copyright (C) 2012-2022 Zammad Foundation, https://zammad-foundation.org/

import createTemplate from '@stories/support/createTemplate'
import OrganizationItem, { type Props } from './OrganizationItem.vue'

export default {
  title: 'Organization/OrganizationItem',
  component: OrganizationItem,
}

const Template = createTemplate<Props>(OrganizationItem)

const organization = {
  id: '54321',
  ticketsCount: 2,
  name: 'Lorem Ipsum',
  active: false,
}

export const Default = Template.create({
  entity: {
    ...organization,
    active: true,
    updatedAt: new Date(2022, 1, 2).toISOString(),
    updatedBy: {
      id: '456',
      firstname: 'Jane',
      lastname: 'Doe',
    },
    members: [
      {
        lastname: 'Wise',
        firstname: 'Erik',
      },
      {
        lastname: 'Smith',
        firstname: 'Peter',
      },
      {
        lastname: "O'Hara",
        firstname: 'Nils',
      },
    ],
  },
})

export const NoEdit = Template.create({
  entity: organization,
})