@wener/ui/lib/src/loaders/BoxShuffle.stories.js

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TitledBoxShuffle = exports.BasicBoxShuffle = void 0;
const react_1 = __importDefault(require("react"));
const BoxShuffle_1 = require("./BoxShuffle");
const addon_knobs_1 = require("@storybook/addon-knobs");
exports.default = {
    title: 'loader/spinner/BoxShuffle',
    component: BoxShuffle_1.BoxShuffle,
    decorators: [
        (storyFn) => (react_1.default.createElement("div", { style: { backgroundColor: 'white', height: 400, width: 300, position: 'relative' } },
            react_1.default.createElement("div", { style: { textAlign: 'center', position: 'absolute', top: 50, left: 0, right: 0 } },
                react_1.default.createElement("a", { href: "https://codepen.io/golle404/pen/EKOoyW", target: "_blank", rel: "noreferrer noopener" }, "CodePen")),
            react_1.default.createElement("div", null, storyFn()))),
    ],
};
exports.BasicBoxShuffle = BoxShuffle_1.BoxShuffle;
exports.TitledBoxShuffle = () => {
    return react_1.default.createElement(BoxShuffle_1.BoxShuffle, { title: addon_knobs_1.text('Title', 'Loadding...'), detail: addon_knobs_1.text('Detail', 'src/test/Component.tsx') });
};
//# sourceMappingURL=BoxShuffle.stories.js.map