import type { Story, StoryMeta } from './csf.types'
import { NotFoundState } from './NotFoundState'

const meta: StoryMeta = {
  title: 'NotFoundState',
  component: NotFoundState,
  tags: ['feedback'],
  argTypes: {
    title: { description: 'Override the "Page not found" heading', control: 'text' },
    description: { description: 'Override the default description text', control: 'text' },
  },
}
export default meta

export const Default: Story = {}

function CustomStory() {
  return (
    <NotFoundState
      title="Board not found"
      description="The board you were looking for has been removed or never existed."
    />
  )
}
export const Custom: Story = { render: CustomStory }