// import { within, userEvent, expect } from '@storybook/test'
import { TooltipProvider_Shadcn_ } from 'ui'
import { Page } from './FormLayout'

export default {
  title: 'Form Examples/One',
  component: Page,
  parameters: {
    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
    layout: 'centered',
  },
  decorators: [
    (Story: any) => {
      return (
        <TooltipProvider_Shadcn_>
          <Story />
        </TooltipProvider_Shadcn_>
      )
    },
  ],
}

export const StateOne = {}

// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
// export const LoggedIn = {
//   play: async ({ canvasElement }) => {
//     const canvas = within(canvasElement)
//     const loginButton = canvas.getByRole('button', { name: /Log in/i })
//     await expect(loginButton).toBeInTheDocument()
//     await userEvent.click(loginButton)
//     await expect(loginButton).not.toBeInTheDocument()

//     const logoutButton = canvas.getByRole('button', { name: /Log out/i })
//     await expect(logoutButton).toBeInTheDocument()
//   },
// }