// dees tools
import * as deesWccTools from '../ts_web/index.js';
import * as deesDomTools from '@design.estate/dees-domtools';

// elements, views and pages
import * as elements from '../test/elements/index.js';
import * as views from '../test/views/index.js';
import * as pages from '../test/pages/index.js';

// Sections-based API with Views
deesWccTools.setupWccTools({
  sections: [
    {
      name: 'Pages',
      type: 'pages',
      items: pages,
    },
    {
      name: 'Views',
      type: 'elements',
      items: views,
      icon: 'web',
    },
    {
      name: 'Elements',
      type: 'elements',
      items: elements,
      sort: ([a], [b]) => a.localeCompare(b),
    },
  ],
});

deesDomTools.elementBasic.setup();