import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$5 } from './p-b7682164.js';
import { d as defineCustomElement$4 } from './p-8e9a6ec5.js';
import { d as defineCustomElement$3 } from './p-888b8e69.js';
import { d as defineCustomElement$2 } from './p-8dfaeb9e.js';

const DgaChipUsage = /*@__PURE__*/ proxyCustomElement(class DgaChipUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.snippets = {
            JavaScript: `// Imports
import mongoose, { Schema } from 'untitled'

// Collection name
export const collection = 'Design'|

// Schema
const schema = new Schema({
  name: {
    type: String,
    required: true
  },

  description: {
    type: String
  }
}, {timestamps: true})

// Model
export default untitled.model(collection, schema, collection)
        `,
            HTML: `<div>
 <h1>Hello, HTML!</h1>
</div>`,
            CSS: `body {
    background-color: lightblue;
  }
    
h1 {
  color: navy;
  margin-left: 20px;
}`,
        };
        this.snippetLine = {
            JavaScript: 'npm install nds-design-system@^0.0.1',
        };
    }
    render() {
        return (h("div", { key: '08b6f32a7a260c681346e9bc72fb9e614081c39c', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: 'ddacb20be431bc6246874fefa8235e8714333459', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: 'b283fa1a33a64a40592479745fa5bd8b4b4368a7', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
    }
}, [0, "dga-codesnippet-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-codesnippet-usage", "dga-button", "dga-codesnippet", "dga-icon", "dga-tabs"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-codesnippet-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaChipUsage);
            }
            break;
        case "dga-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "dga-codesnippet":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-tabs":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaCodesnippetUsage = DgaChipUsage;
const defineCustomElement = defineCustomElement$1;

export { DgaCodesnippetUsage, defineCustomElement };

//# sourceMappingURL=dga-codesnippet-usage.js.map