'use strict';

var index = require('./index-DSiE2De_.js');

const NdsLinkUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h("div", { key: 'c40f99aa39ca1d8b77c8919beb70eb0fd247db5e' }, index.h("h1", { key: '1d46cca5812034609a0ce98d6001860a7e018f63' }, "Button Example"), index.h("div", { key: 'b70e5433f7bfd70f47d7e12a418bfe14917f9a05', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'c77513506836f17ca1c609d8cbf6e8230fa8c286', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-flex", { key: '955173c52f6ef1e5aaa46af77aa36750ed7bd11c', direction: "column", spacing: 16 }, index.h("nds-link", { key: '49b3a136e270ffac9c0b2cbd3614e3212ee5610f', icon: "link-04" }), index.h("nds-link", { key: 'b35990d4ec090851702bd3b3e3a42a62f328c96d', icon: "link-04", label: 'link from props' }), index.h("nds-link", { key: '210dfb3cbe7e524e108b056fde130ea38d881135', icon: "link-04", label: 'link from props' }, "link from child"), index.h("nds-link", { key: '7f101704c2e7cd00abf2d0e0bbada2b9a7976085', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), index.h("div", { key: '74c3f5ecbfe7dd8c61286bc79dace87c5a65bbf4', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, index.h("nds-button", { key: 'd2d4a0e2e9e5d8373246dcd45226ad1fc1558350', label: "Button", variant: "primary-brand", size: "lg" }), index.h("nds-button", { key: '2c01546f2c0fdc084e1db7fa24fa423334692281', label: "Button", variant: "primary-brand", size: "lg", selected: true }), index.h("nds-button", { key: 'a3fa160abb95c08479f2081e6eaa02f669c8359e', leadingIcon: 'link-square-01', size: 'sm' }, index.h("dga-icon-v2", { key: '6e018572d7a0568b8f6b3745c690ed15487ef6e9', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), index.h("dga-icon-v2", { key: 'e7be6881773a5d2a9e12d51a66c54b410ed97a36', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), index.h("div", { key: '8a4f7d7c3e5628c330f0af37e5f32ef185971390', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.nds_link_usage = NdsLinkUsage;
