<x-ui.markdown-viewer>
        # Markdown Viewer


    This is a **simple markdown viewer** component.

    ## Features

    - Renders markdown headings and text
    - Supports lists and inline formatting
    - Displays code blocks cleanly

    ```php
    $user = User::query()->first();
    ```

    > Keep it minimal and readable.
</x-ui.markdown-viewer>

<x-ui.markdown-viewer>
        # Heading 1
        ## Heading 2
        ### Heading 3
        #### Heading 4
        ##### Heading 5
        ###### Heading 6


    Headings help structure your content.
</x-ui.markdown-viewer>

<x-ui.markdown-viewer>
        # Text Formatting


    You can write **bold text**, *italic text*, or ***both***.

    You can also ~~strikethrough~~ text.

    You can use `inline code` within sentences.

    ## Emphasis

    - **Bold** for strong emphasis
    - *Italic* for subtle emphasis
    - ***Bold and italic*** for extra emphasis
</x-ui.markdown-viewer>

<x-ui.markdown-viewer>
        # Lists


    ## Unordered List

    - First item
    - Second item
      - Nested item
      - Another nested item
    - Third item

    ## Ordered List

    1. First step
    2. Second step
    3. Third step

    ## Task List

    - [x] Completed task
    - [ ] Incomplete task
    - [ ] Another task
</x-ui.markdown-viewer>

<x-ui.markdown-viewer>
        # Code Blocks


    ## Inline Code

    You can use `inline code` for small code snippets.

    ## Code Blocks

    ```php
    namespace App\Models;

    class User extends Model
    {
        protected $fillable = ['name', 'email'];

        public function posts()
        {
            return $this->hasMany(Post::class);
        }
    }
    ```

    ```javascript
    function greet(name) {
        return `Hello, ${name}!`;
    }

    console.log(greet('World'));
    ```
</x-ui.markdown-viewer>

<x-ui.markdown-viewer>
        # Blockquotes


    > This is a simple blockquote.

    > **Tip:** You can use markdown formatting inside blockquotes.

    > This is a longer blockquote that spans multiple lines.
    > It can contain **formatted text**, `code`, and other elements.

    > ## Even headings!
    >
    > Blockquotes are versatile.

    ---

    Remember: Blockquotes are great for highlighting important information.
</x-ui.markdown-viewer>

<x-ui.markdown-viewer>
        # Links


    ## External Links

    Visit [Laravel](https://laravel.com) documentation.

    Check out [Tailwind CSS](https://tailwindcss.com).

    ## Reference-style Links

    I [love Laravel][1].

    [1]: https://laravel.com

    ## Automatic Links

    <https://github.com>

    <user@example.com>
</x-ui.markdown-viewer>