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

export default {
  title: 'Design System/Display/MarkdownViewer',
  component: MarkdownViewer,
}

export const Default = {
  args: {
    children: `
# Hello, this is an md doc

Let's get started with some documentation

## Getting started

\`\`\`bash
npm install @ossy/sdk @ossy/sdk-react
\`\`\`

\`\`\`jsx
import { WorkspaceProvider } from '@ossy/sdk-react'

export function App() {
  return (
    <WorkspaceProvider workspaceId="your-workspace-id">
      {/* your app */}
    </WorkspaceProvider>
  )
}
\`\`\`
    `,
  },
}