'use strict';

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

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

const DgaTooltipUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.activeStep = 1;
    }
    render() {
        return (index.h("div", { key: '72f77ca84e532d1a0734fd2cab6c022114d29835' }, index.h("h1", { key: '42885d84f0eef84a083e0f2b4b071816a634a3ad' }, "Tooltip Example"), index.h("div", { key: 'f703f139fe9c017fd57ce9afa354501bc9a4524c', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: '4bdded490a427c4e1eb163981d37094630516e8e', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-tooltip", { key: '74ebb2a439211168fdd3a4571412ce431000d2b5', title: "Tooltip title", helperText: "Max width of tooltips is 240px - text will wrap automatically", direction: 'right', theme: 'dark', icon: true, beakAlignment: 'end', beakPlacement: 'left', feedbackIcon: {
                type: "error-!",
                style: "container",
                size: 24
            } }, "Hello")), index.h("div", { key: 'bfac6d7d7765c4b4c9c118f87edc4a81a8c5975e', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
    }
};

exports.dga_tooltip_usage = DgaTooltipUsage;

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