use std::time::Instant;
use hui::{
  color, element::{
    container::Container,
    fill_rect::FillRect,
    UiElementExt
  }, frame_rect, layout::{Alignment, Direction}, size
};

#[path = "../boilerplate.rs"]
#[macro_use]
mod boilerplate;

ui_main!(
  "hUI: 9-Patch demo",
  init: |_| {
    Instant::now()
  },
  run: |ui, size, instant| {
    let width_ratio = 0.5 + 0.5 * instant.elapsed().as_secs_f32().sin().powi(2);
    Container::default()
      .with_size(size!(width_ratio/, 100%))
      .with_direction(Direction::Horizontal)
      .with_align(Alignment::Center)
      .with_padding(5.)
      .with_gap(10.)
      .with_background(color::WHITE)
      .with_wrap(true)
      .with_children(|ui| {
        FillRect::default()
          .with_size(size!(300, 100))
          .with_frame(frame_rect! {
            color: color::DARK_RED,
            corner_radius: 8.
          })
          .add_child(ui);
      })
      .add_root(ui, size);
  }
);