import type { Meta, StoryObj } from '@storybook/vue3'

import CommonPopupVue from './CommonPopup.vue'

const meta = {
  component: CommonPopupVue,
  args: {
    popupTitle: 'Popup Content',
    content: 'Content for popup'
  },
  parameters: {
    slots: {
      content: {
        description: 'Slot to add content to the popup, ( HTML not permitted in storybook )',
        template: '<p>{{ args.content }}</p>'
      }
    }
  }
} satisfies Meta<typeof CommonPopupVue>

type Story = StoryObj<typeof meta>;
export const Primary: Story = {
  args: {
    popupTitle: 'Popup Title',
    persistent: false,
    isOpen: true
  }
}

export default meta