import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { SerializedEditorState } from 'lexical'
import { HTMLText } from './HTMLText'

const meta: Meta<typeof HTMLText> = {
  component: HTMLText,
}

type Story = StoryObj<typeof HTMLText>
export default meta

const sampleState: SerializedEditorState = {
  root: {
    type: 'root',
    format: '',
    indent: 0,
    version: 1,
    direction: 'ltr',
    children: [
      {
        type: 'paragraph',
        format: '',
        indent: 0,
        version: 1,
        direction: 'ltr',
        textFormat: 0,
        textStyle: '',
        children: [
          {
            type: 'text',
            format: 0,
            mode: 'normal',
            style: '',
            text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.',
            detail: 0,
            version: 1,
          },
        ],
      },
    ],
  },
} as unknown as SerializedEditorState

export const ThreeFourth: Story = {
  args: {
    width: '3/4',
    data: sampleState,
  },
}

export const Half: Story = {
  args: {
    width: '1/2',
    data: sampleState,
  },
}