import type { Meta } from '@storybook/svelte'
import ActionExample from './examples/action.svelte'
import BasicExample from './examples/basic.svelte'
import DurationExample from './examples/duration.svelte'
import MaxToastsExample from './examples/max-toasts.svelte'
import PlacementExample from './examples/placement.svelte'
import PromiseExample from './examples/promise-toast.svelte'
import TypesExample from './examples/types.svelte'
import UpdateExample from './examples/update.svelte'
import VaryingHeightExample from './examples/varying-height.svelte'

const meta: Meta = {
  title: 'Components / Toast',
}

export default meta

export const Basic = {
  render: () => ({
    Component: BasicExample,
  }),
}

export const Duration = {
  render: () => ({
    Component: DurationExample,
  }),
}

export const MaxToasts = {
  render: () => ({
    Component: MaxToastsExample,
  }),
}

export const Action = {
  render: () => ({
    Component: ActionExample,
  }),
}

export const PromiseToast = {
  render: () => ({
    Component: PromiseExample,
  }),
}

export const Types = {
  render: () => ({
    Component: TypesExample,
  }),
}

export const Update = {
  render: () => ({
    Component: UpdateExample,
  }),
}

export const Placement = {
  render: () => ({
    Component: PlacementExample,
  }),
}

export const VaryingHeight = {
  render: () => ({
    Component: VaryingHeightExample,
  }),
}
