<.dm_markdown
  id="markdown-single-default"
  content="# Page title
This is a paragraph with **bold**, *italic*, and `inline code`.
- List item one
- List item two
- List item three
"
 />

<.dm_markdown
  id="markdown-single-with-code"
  content="# Code Example
```elixir
defmodule MyApp.Greeter do
  def hello(name) do
    IO.puts(name)
  end
end
```
```python
def greet(name):
    return f'Hello {name}'
```
"
 />

<.dm_markdown
  id="markdown-single-with-mermaid"
  content="### Mermaid Chart
```mermaid
graph LR;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```
"
 />

<.dm_markdown
  id="markdown-single-no-mermaid"
  content="### Raw Mermaid (rendering disabled)
```mermaid
graph TD;
    A-->B;
```
"
  no_mermaid
 />

<.dm_markdown
  id="markdown-single-dark-theme"
  content="# Dark Theme
```python
def fibonacci(n):
    a, b = 0, 1
    for _ in range(n):
        a, b = b, a + b
    return a
```
"
  theme="dark"
 />

<.dm_markdown
  id="markdown-single-rich-content"
  content="## Rich Markdown
> Blockquote: The best way to predict the future is to create it.
| Feature | Status |
|---------|--------|
| Tables  | ✅     |
| Links   | ✅     |
| Images  | ✅     |
Visit [Duskmoon UI](https://github.com/duskmoon-dev) for more.
"
 />