zammad/app/frontend/shared/components/CommonLogo/CommonLogo.stories.ts

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

import { Story } from '@storybook/vue3'
import useApplicationStore from '@shared/stores/application'
import CommonLogo from './CommonLogo.vue'

interface Args {
  isCustomLogo: boolean
}

export default {
  title: 'Shared/Logo',
  component: CommonLogo,
}

const Template: Story<Args> = (args: Args) => ({
  components: { CommonLogo },
  setup() {
    const application = useApplicationStore()
    if (args.isCustomLogo) {
      application.config.product_logo = 'icons/logotype.svg'
    } else {
      application.config.product_logo = undefined
    }
    return { args }
  },
  template: '<CommonLogo />',
})

export const DefaultLogo = Template.bind({})

export const CustomLogo = Template.bind({})
CustomLogo.args = {
  isCustomLogo: true,
}