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

const meta = {
  title: 'Example/Welcome',
  parameters: {
    layout: 'centered',
  },
  tags: ['autodocs'],
} satisfies Meta

export default meta
type Story = StoryObj<typeof meta>

export const Welcome: Story = {
  render: () => ({
    template: `
      <div class="p-8 text-center">
        <h1 class="text-3xl font-bold text-primary-500 mb-4">
          Nychthemeron Component Library
        </h1>
        <p class="text-gray-600">
          Interactive playground for Vue components with PrimeVue + Tailwind
        </p>
      </div>
    `,
  }),
}