import {addClass} from '@borracciablu/dh-classlist';
var {addClass, removeClass, toggleClass} = require('@borracciablu/dh-classlist');

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
addClass(itm, cls);

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
removeClass(itm, cls);

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
toggleClass(itm, cls);

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
var thunk = addClassThunk(itm, cls);
setTimeout(thunk, 3000);

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
var thunk = removeClassThunk(itm, cls);
setTimeout(thunk, 3000);

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
var thunk = toggleClass(itm, cls);
setTimeout(thunk, 3000);

var docList = document.querySelectorAll('.doc');
execClass(docList, [{'add': 'd-block'}, {remove: 'd-none'}]);

// replace with
( addClass(docList, 'd-block')
, removeClass(docList, 'd-none'));

var docList = document.querySelectorAll('.doc');
var thunk = execClassThunk(docList, [{'add': 'd-block'}, {remove: 'd-none'}]);
setTimeout(thunk, 3000);

// replace with
var thunk =  () => ( addClass(docList, 'd-block')
                   , removeClass(docList, 'd-none'));

setTimeout(thunk, 3000);

var {addClass} = window.dhClasslist;

// Alternative syntax
var addClass = window.dhClasslist.addClass;