import Bilza, {Ui,hsl} from "../../src/bilza.js";

let bil = new Bilza("bilza", 70);

const grid = bil.alwaysOn( ).grid(10,10,"grey");

const comp = bil.add(0,65).text("Text Example",hsl(0));
comp.align(1,1);
comp.alignRotate(1,1);

comp.showBackground.set(true);
comp.colorBackground.set(hsl(240,100,15));
comp.color.set(hsl(60));
comp.setPaddings(10);

comp.border.set(4);
comp.colorBorder.set(hsl(0));

comp.x.set(50);
comp.y.set(50);

comp.width.set(10);
comp.height.set(10);
//--Text component does not implement Width or Height rather uses comp.fontSize to decide its width and height
// comp.width.oscillate(1,60,10,90,5);
// comp.width.oscillate(1,60,10,90,5);
comp.fontSize.oscillate(1,60,10,150,5);

const ui = new Ui(bil);
bil.draw();