/* UTILITY... */
import { 
  createElement, 
  createEvent 
} from './WebComponents/SDK/Utility/WCUtils.js';

/* WCLOGIN COMPONENT... */
import { WCLoginFormView } from './WebComponents/SDK/Form/WCLoginForm.js';

/* DATATABLE COMPONENT... */
import { WCDataTableController } from './WebComponents/SDK/DataTable/DataTableController.js';
import { WCDataTableModel } from './WebComponents/SDK/DataTable/DataTableModel.js';
import { WCDataTableView } from './WebComponents/SDK/DataTable/DataTableView.js';

/* DASHBOARD COMPONENT... ALMOST GLOBAL CONTEXT VIEW... */
import { WCDashboardView } from './WebComponents/SDK/Dashboard/WCDashboardView.js';

/* ELEMENTS STATES... */
/*From Prof. Matias Gastón*/
import { HTMLViewStateElement } from './WebComponents/SDK/StateElement/WCStateElement.js';

// ... (omitting parts of the code for brevity)

const htmlViewStateElement  = new HTMLViewStateElement();
const wcDashboardView       = new WCDashboardView();

// Define columns for the datatable
const columns = [
  // ... (define the structure of your columns here) for example:
    {
      id      : 'name',
      Header  : 'Name',
      accessor: 'name',
      sorter  : true,
    },
];

const nbOfRowsPerPage = 9;
const availableFilter = true;

// Create and initialize the datatable
const dataTable = new WCDataTableView(columns, nbOfRowsPerPage, availableFilter);
new WCDataTableController(dataTable, new WCDataTableModel());

// Create the home view
const home = new InitView();

// Add state transition for when the user is logged in
htmlViewStateElement.addStateTransition(home, wcDashboardView, 'wce-logged');
htmlViewStateElement.setCurrentState(home);

// Add styles for dashboard and datatable
let style = createElement('style');
style.innerText = `
  @import './WebComponents/SDK/Style/WCDashboard.css';
  @import './WebComponents/SDK/Style/WCDataTable.css';
`;

wcDashboardView.addNodeInMain = dataTable;

// Append elements to the document body
document.body.appendChild(htmlViewStateElement);
document.body.appendChild(style);

// ... (additional customization or configuration code)