@use hyaenidae_toolkit::{templates::{card, card_body, card_title, centered, code}, Card};

@(title: &str, description: &str, example: &[&str], body: Content)

<li>
    @:centered(false, {
        @:card(&Card::full_width(), {
            @:card_title({
                <h4>@title</h4>
            })
            @:card_body({
                <p>@description</p>
                <div class="code">
@:code({@for line in example {
@line}})
                </div>
                <div class="content">
                    @:body()
                </div>
            })
        })
    })
</li>