import { r as registerInstance, h } from './index-D0dWnGvB.js';

const DgaChipUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        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: 'e23fe50db23571bd4da8604782e7e787ee71f8d2', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '66c73f215822aba0edfdf11b30604b8729c16460', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '7a0b424e36c70355b356cd63539b9c76ddc80c3e', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
    }
};

export { DgaChipUsage as dga_codesnippet_usage };
