import { h } from "@stencil/core";
// const orderedItems = [
//   {
//     type: 'ordered' as const,
//     level: 'one' as const,
//     label: 'First main point',
//     itemNumber: '1-'
//   },
//   {
//     type: 'ordered' as const,
//     level: 'two' as const,
//     label: 'Sub point A',
//     itemLetter: 'a-'
//   },
//   {
//     type: 'ordered' as const,
//     level: 'two' as const,
//     label: 'Sub point B',
//     itemLetter: 'b-'
//   },
//   {
//     type: 'ordered' as const,
//     level: 'one' as const,
//     label: 'Second main point',
//     itemNumber: '2-'
//   }
// ];
// const orderedItems = [
//   {
//     type: 'ordered' as const,
//     level: 'one' as const,
//     label: 'First main point',
//     itemNumber: '1-'
//   },
//   {
//     type: 'ordered' as const,
//     level: 'two' as const,
//     label: 'Sub point A',
//     itemLetter: 'a-'
//   },
//   {
//     type: 'ordered' as const,
//     level: 'two' as const,
//     label: 'Sub point B',
//     itemLetter: 'b-'
//   },
//   {
//     type: 'ordered' as const,
//     level: 'one' as const,
//     label: 'Second main point',
//     itemNumber: '2-'
//   }
// ];
// Example 2: Unordered List with Multiple Levels
// const unorderedItems = [
//   {
//     type: 'unordered' as const,
//     level: 'one' as const,
//     label: 'Frontend Technologies'
//   },
//   {
//     type: 'unordered' as const,
//     level: 'two' as const,
//     label: 'React'
//   },
//   {
//     type: 'unordered' as const,
//     level: 'two' as const,
//     label: 'Angular'
//   },
//   {
//     type: 'unordered' as const,
//     level: 'one' as const,
//     label: 'Backend Technologies'
//   },
//   {
//     type: 'unordered' as const,
//     level: 'two' as const,
//     label: 'Node.js'
//   },
//   {
//     type: 'unordered' as const,
//     level: 'two' as const,
//     label: 'Python'
//   }
// ];
// const iconItems = [
//   {
//     type: 'with-icon' as const,
//     level: 'one' as const,
//     label: 'Critical Issue',
//     icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>'
//   },
//   {
//     type: 'with-icon' as const,
//     level: 'two' as const,
//     label: 'Database connection failed',
//     icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>'
//   },
//   {
//     type: 'with-icon' as const,
//     level: 'one' as const,
//     label: 'Success',
//     icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>'
//   },
//   {
//     type: 'with-icon' as const,
//     level: 'two' as const,
//     label: 'Backup completed',
//     icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>'
//   }
// ];
export class DgaListUsage {
    render() {
        return (h("div", { key: '1ff5bb07a6944d19dc37bedf203ebcb7330de0f3' }, h("h1", { key: '89f416490925605d34290b1364a8021d352dfdb6' }, "List Example"), h("div", { key: '65929ae3da2bc62cd88f62c2e588b03f6cae06f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bb73ba2c66041450ab8ee6475a457b43367f7c08', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: '69ddf8f1078987402c4e30f223a22f1bd0127e33', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: '4253f5e284f51da0f90653d5444092b9d41483b5', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: '4728e5f2b9dc332694b3e6a9700f31dc5867614d', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: 'cc47d2b4ef41fe76e73933e44dc3ce427d3e718d', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: '43ebd7bf4eebced655b6630b24b2faca2a9c44b4', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: '3f2f9116a1d17893184be2636a323b9dfbe0daf5', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: '5fa2b5d41263453bf67c620250fa89534bb72a07', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: 'd6265b8424367b3217ca1f0c584ee04a69f706ea', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: 'ec7830915cb13e6b1d5e47ac886a61aef62ca56f', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: '2679eb7ffb864a39735c0c383f2fcf533255e81b', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '99feffcd40add24f12b655d274d20da2cf2ea67d', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: '60c662a4b1afbff235aecb844285ab6894ab470b', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: 'ebdebf7368fc3231fc90a495f3bf78a534f6583e', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '778bf022fd1069ade0bd54425f70556dea4de956', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
    }
    static get is() { return "dga-list-usage"; }
}
//# sourceMappingURL=dga-list-usage.js.map
