import { Meta, StoryObj } from "@storybook/react"
import exampleMarkdown from "./example-markdown"
import { Markdown } from "./Markdown"

type Story = StoryObj<typeof Markdown>

const meta: Meta<typeof Markdown> = {
  title: "Design System/Markdown",
  component: Markdown,
}

export default meta

export const Default: Story = {
  args: {
    children: exampleMarkdown,
  },
}

export const MarkdownLink: Story = {
  args: {
    children: "http://opensea.io",
  },
}

const azukiMarkdown = `
In 2022, Azuki set out to create a decentralized anime brand, where the community can co-create and contribute to the IP and stories we tell, forging a new model of community-driven entertainment.

The Azuki community, through its creation of 100 subcommunities, a vast collection of fan and commissioned art, multiple community-led events around the world, and much more, has emphatically shown that it's possible to birth a new IP that originates from web3 in the fast world of anime.

From creating the largest decentralized anime IP, to enriching the anime fandom experience with groundbreaking products, Azuki’s mission is to build the future of anime by harnessing the power of community and blockchain technology.

We rise together. We build together. We grow together.
いくぞ IKZ!
`

export const Azuki: Story = {
  args: {
    children: azukiMarkdown,
  },
}
