import Bilza, { Ui, hsl} from "../../src/bilza.js";
let bil = new Bilza("bilza", 70);

const fc = bil.add(0,20).frameCounter(0);
fc.align(1,1);
fc.goto(0,50,50);
fc.fontSize.set(80);
fc.colorBackground.set(hsl(60,75));

const comp = bil.add(0,25).rect(hsl(240));

comp.setPaddings(10);
comp.showBackground.set(false);
comp.border.set(3);
comp.colorBorder.set(hsl(0));
comp.colorBackground.set(hsl(240,20));

//===---Animation Settings
comp.x.set(0);
    comp.y.set(0);
    comp.width.set(30);
    comp.height.set(20);
    comp.x.animate(1, 5, 0, 90);
    comp.y.animate(6, 10, 0, 90);
    comp.x.animate(11, 15, 90, 0);
    comp.y.animate(16, 20, 90, 0);
//---------------------------------
const ui = new Ui(bil);
bil.draw();