import { Markdown, Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
import { getSource } from "../../utils/storybook.ts";

import * as stories from "./stories.ts";
import defaultConfig from "../config.ts?raw"

<Meta of={stories} />
<Title of={stories} />
<Subtitle of={stories} />
<Description of={stories} />
<Primary of={stories}  />
<Controls of={stories.Default} />
<Stories of={stories} />

## Configuring items in a list
You can configure any item in a `list` array by passing the following params:

<Markdown>
{`
|  Key name             | Description                                            | Type           | Default |
| ----------------------| ------------------------------------------------------ | ---------------| --------|
| id                    | Unique item identifier                                 | String, Number |         |
| label                 | Item label                                             | String         |         |
| children              | Nested items                                           | Array          |         |        
| crossed               | Controls item style (line-through decoration)          | Boolean        | false   |
| actions               | Show custom actions buttons                            | Boolean        | true    |
| nesting               | Enable nesting for the item                            | Boolean        | false   |
`}
</Markdown>

## Default config
<Source code={getSource(defaultConfig)} language="jsx" dark />