@use crate::templates::image;
@use crate::{templates::link, Link};
@use crate::thumbnail::Thumbnail;

@(thumb: &Thumbnail)

<div class="toolkit-thumbnail">
    <div class="toolkit-thumbnail--content">
        @:link(&Link::current_tab(&thumb.href).plain(true), {
            <div class="toolkit-thumbnail--image">
                @:image(thumb.image())
                @if let Some(indicator) = &thumb.indicator {
                    <div class="@indicator.class_string()">
                        @indicator.text
                    </div>
                }
            </div>
        })
        <div class="toolkit-thumbnail--meta">
            @if let Some(title) = &thumb.title {
                <div class="toolkit-thumbnail--title">
                    @:link(&Link::current_tab(&thumb.href).plain(true), {
                        @Html(&title)
                    })
                </div>
            }
            @if let Some(author) = &thumb.author {
                <div class="toolkit-thumbnail--author">
                    <span class="toolkit-thumbnail--by">by</span>
                    @:link(&Link::current_tab(&author.href).plain(true), {
                        @Html(&author.text)
                    })
                </div>
            }
        </div>
    </div>
</div>