react-pdf-builder/dist/stories/typography/Paragraph.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.WithSwatch = exports.Main = void 0;
const react_1 = __importDefault(require("react"));
const Heading1_1 = require("../../components/typography/Heading1");
const Heading2_1 = require("../../components/typography/Heading2");
const Heading3_1 = require("../../components/typography/Heading3");
const Heading4_1 = require("../../components/typography/Heading4");
const Heading5_1 = require("../../components/typography/Heading5");
const Heading6_1 = require("../../components/typography/Heading6");
const Paragraph_1 = require("../../components/typography/Paragraph");
const PDFStory_1 = require("../parts/PDFStory");
const ThemedLink_1 = require("../../components/basics/ThemedLink");
const StoryComponent = (props) => {
    return (react_1.default.createElement(PDFStory_1.PDFStory, null,
        react_1.default.createElement(Heading1_1.Heading1, null, "Lorem ipsum dolor sit amet"),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props),
            react_1.default.createElement(ThemedLink_1.ThemedLink, { href: "#" }, "This is a link"),
            " being used in a sentence."),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props),
            "And this is a",
            ' ',
            react_1.default.createElement(ThemedLink_1.ThemedLink, { href: "#", swatch: "red" }, "link with the red swatch"),
            ' ',
            "being used."),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Heading2_1.Heading2, null, "Commodo consequat"),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Heading3_1.Heading3, null, "Consectetur adipiscing"),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Heading4_1.Heading4, null, "Ut enim ad minim veniam"),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Heading5_1.Heading5, null, "Ullamco laboris nisi"),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),
        react_1.default.createElement(Heading6_1.Heading6, null, "Excepteur sint occaecat"),
        react_1.default.createElement(Paragraph_1.Paragraph, Object.assign({}, props), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")));
};
// === Setup ===
const meta = {
    title: 'Stories/Typography/Paragraph', // <-- Set to your story title
    component: StoryComponent,
    parameters: {
        options: { showPanel: false }, // Don't show addons panel
    },
};
exports.default = meta;
// === Stories ===
exports.Main = {
    args: {},
};
exports.WithSwatch = {
    args: { swatch: 'primary' },
};