@zendesk/retrace/cjs/stories/Visualizer/Viz.stories.js

define and capture Product Operation Traces along with computed metrics with an optional friendly React beacon API

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.OperationVisualizerStory = void 0;
const react_1 = __importDefault(require("react"));
// eslint-disable-next-line import/no-extraneous-dependencies
const responsive_1 = require("@visx/responsive");
const visualizer_1 = __importDefault(require("../../visualizer"));
exports.OperationVisualizerStory = {
    render: () => {
        const { width } = (0, responsive_1.useScreenSize)();
        return react_1.default.createElement(visualizer_1.default, { width: width });
    },
};
const Component = () => react_1.default.createElement(react_1.default.Fragment, null, "Hello world");
const meta = {
    component: Component,
};
// eslint-disable-next-line import/no-default-export
exports.default = meta;
//# sourceMappingURL=Viz.stories.js.map