react-pdf-builder/dist/stories/basics/ThemedPage.stories.js

Build beautiful PDF documents in React.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Main = void 0;
const renderer_1 = require("@react-pdf/renderer");
const react_1 = __importDefault(require("react"));
const ThemedPage_1 = require("../../components/basics/ThemedPage");
const Paragraph_1 = require("../../components/typography/Paragraph");
const StoryComponent = () => {
    return (react_1.default.createElement(renderer_1.PDFViewer, { style: { height: 700, width: 500 } },
        react_1.default.createElement(renderer_1.Document, null,
            react_1.default.createElement(ThemedPage_1.ThemedPage, { swatch: "light", className: "text-indigo" },
                react_1.default.createElement(Paragraph_1.Paragraph, null, "Themed page with \"light\" swatch and \"text-indigo\" class name from theme.")))));
};
// === Setup ===
const meta = {
    title: 'Stories/Basics/ThemedPage', // <-- Set to your story title
    component: StoryComponent,
    parameters: {
        options: { showPanel: false }, // Don't show addons panel
    },
};
exports.default = meta;
// === Stories ===
exports.Main = {
    args: {},
};