@use crate::templates::{icon, banner};
@use crate::profile::Profile;

@(profile: &Profile)

<div class="@profile.class_string()">
    @:banner(&profile.banner)
    <div class="toolkit-profile--content">
        <div class="toolkit-profile--content--top">
            @:icon(&profile.icon)
            <div class="toolkit-profile--meta">
                <div class="toolkit-profile--meta--display">
                    @if let Some(display_name) = &profile.display_name {
                        @display_name
                    } else {
                        &nbsp;
                    }
                </div>
                <div class="toolkit-profile--meta--handle">@profile.handle</div>
            </div>
        </div>
        @if let Some(description) = &profile.description {
            <div class="toolkit-profile--description">@description</div>
        }
    </div>
</div>