'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-a0b63bee.js');

const DgaButtonUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.variant = 'neutral';
    }
    render() {
        return (index.h("div", { key: 'f40b830edd28e63891d5f810f1a679440092c6f4' }, index.h("h1", { key: '3f8154be8c20770da99ae6fa32addbbd222929b4' }, "Button Example"), index.h("div", { key: 'aaef9c7dc2350e23d58786f4c180841a308416ec', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '54aefb74536803d7f7e79a1d6d666840fc97a54f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-button", { key: '8547a0bc390b83621c10b274e8ee32e0d465a678', label: 'Button', variant: 'primary-neutral', onColor: true }), index.h("dga-button", { key: 'ae891fb6079ac2b3fb5db0e025913bb8a81b2fab', label: 'Button', variant: 'des-transparent', onColor: true }), index.h("dga-button", { key: '317f65d8227f04d96f0ab7f8953d8a523dbbf52a', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: "stroke", type: "standard" } }), index.h("dga-button", { key: '8b61687130adb96aa3474df4183302e12dda1f94',
            // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
            label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconType: "link-square-01", trailIconProps: {
                variant: "stroke",
                type: "standard"
            } })), index.h("div", { key: '1de0fd6e4b1d7eeb3396a006cb906ec7d70bff12', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.dga_button_usage = DgaButtonUsage;

//# sourceMappingURL=dga-button-usage.cjs.entry.js.map