{{-- como o icone enviado fica no aparelho: o recorte muda com o sistema e o
     papel de parede claro ou escuro esconde detalhe de borda --}}
<div class="modal iconprev" data-icon-modal hidden>
    <div class="modal__card iconprev__card" role="dialog" aria-modal="true" aria-label="{{ __('radio.app_icon_preview') }}">
        <h2 class="modal__title">{{ __('radio.app_icon_preview') }}</h2>

        <div class="iconprev__grid">
            <div class="iconprev__case">
                <span class="iconprev__art">
                    <img data-icon-shot src="" alt="">
                </span>
                <b class="iconprev__name" data-icon-name></b>
            </div>
        </div>

        <div class="iconprev__round">
            <span class="iconprev__art iconprev__art--circle">
                <img data-icon-shot src="" alt="">
            </span>
            <p>{{ __('radio.app_icon_preview_round') }}</p>
        </div>

        <p class="iconprev__note">{{ __('radio.app_icon_preview_note') }}</p>

        <button type="button" class="btn btn--ghost" data-icon-close>{{ __('general.action_close') }}</button>
    </div>
</div>