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

const meta: Meta<typeof FdsHr> = {
  title: 'FDS/Typography/FdsHr',
  component: FdsHr,
  tags: ['autodocs'],
}

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
  render: () => ({
    components: { FdsHr },
    template: `
      <div>
        <p>Text above separator</p>
        <FdsHr />
        <p>Text below separator</p>
      </div>
    `,
  }),
  parameters: {
    docs: {
      source: {
        code: `<FdsHr />`,
      },
    },
  },
}