var Component = require('vn/component');

module.exports = new Class({
	Extends: Component
	,Tag: 'htk-icon'
	,Properties:
	{
		name: {
			type: String
			,set(x) {
				this._icon = x;
				this._setIcon();
			}
			,get() {
				return this._icon;
			}
			
		},
		theme: {
			type: String
			,set(x) {
				this._theme = x;
				this._setIcon();
			}
			,get() {
				return this._theme;
			}
		},
		alt: {
			type: String
			,set(x) {
				this.node.alt = x;
			}
			,get() {
				return this.node.alt;
			}
		}
	}

	,_icon: null

	,render() {
		const node = this.createRoot('span');
		node.classList.add('material-symbols-rounded');
	}
	
	,_setIcon() {
		this.node.innerText = this._icon;
	}
});