react-pdf-builder/dist/stories/basics/ThemedImage.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 react_1 = __importDefault(require("react"));
const ThemedImage_1 = require("../../components/basics/ThemedImage");
const Paragraph_1 = require("../../components/typography/Paragraph");
const PDFStory_1 = require("../parts/PDFStory");
const StoryComponent = () => {
    return (react_1.default.createElement(PDFStory_1.PDFStory, null,
        react_1.default.createElement(ThemedImage_1.ThemedImage, { className: "border p-2 rounded mb-3", src: "https://justinmahar.github.io/react-pdf-builder/images/scootie-460.png", style: { width: 230 } }),
        react_1.default.createElement(Paragraph_1.Paragraph, null, "This image uses the \"border p-2 rounded mb-3\" class names from the theme to achieve a thumbnail style with a bottom margin.")));
};
// === Setup ===
const meta = {
    title: 'Stories/Basics/ThemedImage', // <-- Set to your story title
    component: StoryComponent,
    parameters: {
        options: { showPanel: false }, // Don't show addons panel
    },
};
exports.default = meta;
// === Stories ===
exports.Main = {
    args: {},
};