import { search } from "./search.js";
import { pixel, percent, auto } from "./size.js";
import { position, place_top } from "./position.js";
import { sticky } from "./sticky.js";

document.addEventListener("DOMContentLoaded", () => {
    const container = document.querySelector(".container");
    
    const top_bar = new sticky();
    top_bar.width = new percent(100);
    top_bar.height = new auto();
    top_bar.position = new place_top();

    const top_bar_element = top_bar.element;

    const search_bar = new search();
    top_bar_element.appendChild(search_bar.ui);

    container.appendChild(top_bar_element);
});