var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { jsx as _jsx } from "react/jsx-runtime";
import { getStoryFactory } from "../../getStory";
import { sectionName } from "./sectionName";
import { GlArticle } from "GlArticle";
import heroImgSrc from "../../assets/img/contribution.png";
import sspcloudMp4 from "../../assets/videos/sspcloud.mp4";
import { GlCodeBlock } from "GlCodeBlock";
import { getGlArticleStoryStyle } from "../../getGlArticleStyle";
var _a = getStoryFactory({
    sectionName: sectionName,
    "wrappedComponent": { GlArticle: GlArticle },
    "parameters": {},
}), getStory = _a.getStory, meta = _a.meta;
export default meta;
var commonProps = {
    "title": "Title",
    "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate leo ac imperdiet hendrerit. Morbi semper ut erat et dignissim. Nullam tempus sapien quis ligula blandit euismod. In imperdiet a neque quis fermentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla id quam eget libero tincidunt tincidunt.",
    "buttonLabel": "Button",
};
export var VueWithImage = getStory(__assign(__assign({}, commonProps), { "classes": getGlArticleStoryStyle({ "illustrationPosition": "right" }), "illustration": {
        "type": "image",
        "src": heroImgSrc,
        "hasShadow": false,
    }, "illustrationZoomFactor": 0.8 }));
export var VueWithVideo = getStory(__assign(__assign({}, commonProps), { "classes": getGlArticleStoryStyle({ "illustrationPosition": "right" }), "illustration": {
        "type": "video",
        "sources": [
            {
                "src": sspcloudMp4,
                "type": "video/mp4",
            },
        ],
    } }));
export var VueWithCode = getStory(__assign(__assign({}, commonProps), { "classes": getGlArticleStoryStyle({ "illustrationPosition": "right" }), "illustration": {
        "type": "custom component",
        "Component": function () {
            return (_jsx(GlCodeBlock, { programingLanguage: "typescript", text: "function getRandomInt(max) {\n\treturn Math.floor(Math.random() * max);\n}\nconsole.log(getRandomInt(3));\nconsole.log(getRandomInt(1));\nconsole.log(Math.random());\n\t\t" }));
        },
    } }));
//# sourceMappingURL=GlArticle.stories.js.map