import * as sfw from 'sfw';
const { I } = sfw.element.native;

import Settings from './settings';
import Shuffle from './shuffle';
import Calendar from './calendar';
import Search from './search';
import Close from './close';
import Home from './home';
import Add from './add';
import Edit from './edit';
import Check from './check';
import Next from './next';

const icons = {
	'settings': Settings,
	'shuffle': Shuffle,
	'calendar': Calendar,
	'search': Search,
	'close': Close,
	'home': Home,
	'add': Add,
	'edit': Edit,
	'check': Check,
	'next': Next,
};

const target = { icons: icons };

const handler = {
	get(target, prop, receiver) {
		return I.new({
			innerHTML: target.icons[prop] ?? '?',
			className: 'icon',
		});
	}
};

export default new Proxy(target, handler);