react-pdf-builder/dist/stories/basics/Div.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 ThemedText_1 = require("../../components/basics/ThemedText");
const Div_1 = require("../../components/basics/Div");
const Paragraph_1 = require("../../components/typography/Paragraph");
const PDFStory_1 = require("../parts/PDFStory");
const StoryComponent = (props) => {
    return (react_1.default.createElement(PDFStory_1.PDFStory, null,
        react_1.default.createElement(Div_1.Div, { className: "text-blue border border-blue p-3 rounded bg-faded-blue fw-bold" },
            react_1.default.createElement(Paragraph_1.Paragraph, null, "This is a Div with a variety of class names from the theme to achieve a unique look. It contains 3 Paragraph components and a ThemedText containing the class names."),
            react_1.default.createElement(Paragraph_1.Paragraph, null, "A Div can be used like an HTML div in this framework. It supports both the className and style props to make styling easy."),
            react_1.default.createElement(Paragraph_1.Paragraph, { className: "mb-0" }, "Class names used:"),
            react_1.default.createElement(ThemedText_1.ThemedText, null, "\"text-blue border border-blue p-3 rounded bg-faded-blue fw-bold\""))));
};
// === Setup ===
const meta = {
    title: 'Stories/Basics/Div', // <-- Set to your story title
    component: StoryComponent,
    parameters: {
        options: { showPanel: false }, // Don't show addons panel
    },
};
exports.default = meta;
// === Stories ===
exports.Main = {
    args: {},
};