'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-a0b63bee.js');

const DgaList = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.type = 'unordered';
        this.color = 'primary';
        //   @Prop() id: string = guid();
        this.title = "";
        this.items = [];
        this.renderIcon = (type) => {
            if (type === "with-icon") {
                return index.h("span", { class: "list-icon" }, "\u2713"); // Using checkmark icon for "with-icon" type
            }
            return null;
        };
    }
    render() {
        const Tag = this.type === 'ordered' ? 'ol' : 'ul';
        return (index.h("div", { key: '84a57be73577f75022c094ad379c5a17d008c19b', class: `list list--${this.type} list--${this.color}` }, this.title && index.h("h3", { key: 'a2d42d5b9142ec7fe78407531560eab833bd199e', class: "list-title" }, this.title), index.h(Tag, { key: 'b707d34dce128f395b9e3d22c568552de117a9f3' }, this.items.map((item, index$1) => (index.h("li", { key: index$1, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
    }
};

exports.dga_list = DgaList;

//# sourceMappingURL=dga-list.cjs.entry.js.map