# Image.yaml
# Built-in layouts for the Image widget.
# This file is part of Reactor. Copyright (c) 2020-2024 Patrick H. Rigney, All Rights Reserved.
---
version: 24329
defaultlayout: default
layouts:
  default:
    content: <h1 data-bind='data(&#34;title&#34;);#'></h1><img data-bind='src=data("image")'
      src=''></img>
    styles: "$ { } $ h1 { width: 90%; font-size: 1em; font-weight: bold; }"

  icon-bi:
    content: |
      <h1 class="widget-title" data-bind="{{title-expr}};data('title');#[image]"></h1>
      <div class="widget-body"><i class="bi bi-{{icon}} {{classes}}"></i></div>
    styles: |
      $ i.bi { font-size: 3rem; }
      $ .textcontrol { }
      $.active { background-color: color4 !important; color: color4-text; }
      $.update-pending { background-color: var(--colorUpdatePending) !important; color: var(--color1-text); }
