react-timed-renderer/dist/stories/TimedRenderer.stories.js

React component that re-renders at the interval provided.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.UsingCustomInterval = exports.UsingDefaultInterval = void 0;
const react_1 = __importDefault(require("react"));
const TimedRenderer_1 = require("../components/TimedRenderer");
// === Setup ===
const StoryComponent = TimedRenderer_1.TimedRenderer; // <-- Set to your component
const meta = {
    title: 'Stories/TimedRenderer', // <-- Set to your story title
    component: StoryComponent,
    parameters: {
        options: { showPanel: false }, // Don't show addons panel
    },
};
exports.default = meta;
// === Stories ===
exports.UsingDefaultInterval = {
    name: 'Using Default Interval (5 Seconds)',
    args: {
        render: (time) => react_1.default.createElement(react_1.default.Fragment, null,
            "The time in milliseconds is ",
            time,
            "."),
    },
};
exports.UsingCustomInterval = {
    name: 'Using 1 Second Interval',
    args: {
        interval: 1000,
        render: (time) => react_1.default.createElement(react_1.default.Fragment, null,
            "The time in milliseconds is ",
            time,
            "."),
    },
};