decentraland-ui/dist/components/Hero/Hero.stories.js

Decentraland's UI components and styles

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WithActions = exports.WithContent = exports.LeftAlignment = exports.TextOnly = void 0;
var react_1 = __importDefault(require("react"));
var Button_1 = require("../Button/Button");
var Parallax_1 = require("../Parallax/Parallax");
var Hero_1 = require("./Hero");
require("./Hero.stories.css");
var meta = {
    title: 'Hero',
    component: Hero_1.Hero
};
exports.default = meta;
exports.TextOnly = {
    render: function () { return (react_1.default.createElement("div", { className: "story" },
        react_1.default.createElement(Hero_1.Hero, { centered: true },
            react_1.default.createElement(Hero_1.Hero.Header, null, "Help us build Decentraland"),
            react_1.default.createElement(Hero_1.Hero.Description, null, "Join the discussion")))); }
};
exports.LeftAlignment = {
    render: function () { return (react_1.default.createElement("div", { className: "story" },
        react_1.default.createElement(Hero_1.Hero, null,
            react_1.default.createElement(Hero_1.Hero.Header, null, "Help us build Decentraland"),
            react_1.default.createElement(Hero_1.Hero.Description, null, "Join the discussion")))); }
};
exports.WithContent = {
    render: function () { return (react_1.default.createElement("div", { className: "story" },
        react_1.default.createElement(Hero_1.Hero, { centered: true },
            react_1.default.createElement(Hero_1.Hero.Header, null, "Help us build Decentraland"),
            react_1.default.createElement(Hero_1.Hero.Description, null, "Join the discussion"),
            react_1.default.createElement(Hero_1.Hero.Content, null,
                react_1.default.createElement(Parallax_1.Parallax, null,
                    react_1.default.createElement(Parallax_1.Parallax.Layer, { depth: 0.3 },
                        react_1.default.createElement("div", { className: "hero-pyramid small" })),
                    react_1.default.createElement(Parallax_1.Parallax.Layer, { depth: 1.5 },
                        react_1.default.createElement("div", { className: "hero-pyramid large" }))))))); }
};
exports.WithActions = {
    render: function () { return (react_1.default.createElement("div", { className: "story" },
        react_1.default.createElement(Hero_1.Hero, { centered: true },
            react_1.default.createElement(Hero_1.Hero.Header, null, "Help us build Decentraland"),
            react_1.default.createElement(Hero_1.Hero.Description, null, "Join the discussion"),
            react_1.default.createElement(Hero_1.Hero.Actions, null,
                react_1.default.createElement(Button_1.Button, { primary: true }, "Do Something"))))); }
};