@wener/console/lib/components/Zoom/Zoom.stories.js

Base console UI toolkit

import React from "react";
import { Zoom } from "./Zoom.js";
var meta = {
    title: "components/Zoom",
    parameters: {
        layout: "fullscreen"
    }
};
export default meta;
export var Default = function () {
    return /*#__PURE__*/ React.createElement("div", {
        className: "flex flex-col gap-8 p-8"
    }, /*#__PURE__*/ React.createElement(Zoom, null, /*#__PURE__*/ React.createElement("img", {
        alt: "placeholder",
        src: placeholderUrl,
        className: "max-w-10"
    })), /*#__PURE__*/ React.createElement(Zoom, null, /*#__PURE__*/ React.createElement("img", {
        alt: "placeholder",
        src: dataUrl,
        className: "max-w-10"
    })));
};
var placeholderUrl = "https://placehold.co/600x400";
var dataUrl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mP8//8/AwAI/wH+9Q4AAAAASUVORK5CYII=";