import React from 'react'
import { Guide } from './Guide.jsx'

export default {
  title: 'Design System/Feedback/Guide',
  component: Guide,
}

export const Default = {
  args: {
    title: 'Not Found',
    text: 'We could not find what you were looking for',
  },
}

export const WithActions = {
  args: {
    title: 'Not Found',
    text: 'We could not find what you were looking for',
    actions: [
      { label: 'Click me!' },
      { label: 'Click me!', variant: 'cta' },
    ],
  },
}

export const WithTitleVariantion = {
  args: {
    title: 'Not Found',
    titleVariant: 'hero',
    text: 'We could not find what you were looking for',
    actions: [
      { label: 'Click me!' },
      { label: 'Click me!', variant: 'cta' },
    ],
  },
}