import { h } from "@stencil/core";
export class DgaChipUsage {
    constructor() {
        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 })));
    }
    static get is() { return "dga-codesnippet-usage"; }
}
//# sourceMappingURL=dga-codeSnippet-usage.js.map
