import Grid from "./src/grid";

const grid = new Grid({
    data: [
        { id: "1", firstName: "Ivar", lastName: "Løvlie" },
        {
            id: "2",
            firstName:
                "SebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastianSebastian",
            lastName: "",
        },
        { id: "3", firstName: "Heidi", lastName: "" },
        { id: "4", firstName: "Frank", lastName: "" },
        { id: "5", firstName: "Ivar", lastName: "Løvlie" },
        { id: "6", firstName: "Sebastian", lastName: "" },
        { id: "7", firstName: "Heidi", lastName: "" },
        { id: "8", firstName: "Frank", lastName: "" },
        { id: "9", firstName: "Ivar", lastName: "Løvlie" },
        { id: "10", firstName: "Sebastian", lastName: "" },
        { id: "11", firstName: "Heidi", lastName: "" },
        { id: "12", firstName: "Frank", lastName: "" },
        { id: "13", firstName: "Ivar", lastName: "ehhe" },
        { id: "14", firstName: "Sebastian", lastName: "" },
        { id: "15", firstName: "Heidi", lastName: "" },
        { id: "16", firstName: "123123", lastName: "" },
    ],
    pageSize: 5,
    search: {
        dataIds: ["firstName", "lastName"],
    },
    columns: [
        {
            dataId: "id",
            columnName: "ID",
        },
        {
            dataId: "firstName",
            minWidth: "350px",
            maxWidth: "350px",
            columnName: "Fornavn",
        },
        {
            dataId: "lastName",
            minWidth: "150px",
            columnName: "Etternavn",
        },
    ],
});

grid.render(document.querySelector("#root"));