decentraland-ui/dist/components/Mana/Mana.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.ManaTooltip = exports.MaticSizes = exports.MaticPrimary = exports.Matic = exports.InAParagraph = exports.Sizes = exports.TotalVoted = exports.SymbolMANA = exports.Symbol = void 0;
var react_1 = __importDefault(require("react"));
var network_1 = require("@dcl/schemas/dist/dapps/network");
var Header_1 = require("../Header/Header");
var Mana_1 = require("./Mana");
var meta = {
    title: 'Mana',
    component: Mana_1.Mana
};
exports.default = meta;
exports.Symbol = {
    render: function () { return react_1.default.createElement(Mana_1.Mana, null); }
};
exports.SymbolMANA = {
    render: function () { return react_1.default.createElement(Mana_1.Mana, null, "MANA"); }
};
exports.TotalVoted = {
    render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Header_1.Header, { sub: true }, "Total voted"),
        react_1.default.createElement(Mana_1.Mana, null, "1,235,345"))); }
};
exports.Sizes = {
    render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Mana_1.Mana, { size: "huge" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { size: "large" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { size: "medium" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { size: "small" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { size: "tiny" }, "1,000"))); }
};
exports.InAParagraph = {
    render: function () { return (react_1.default.createElement("p", null,
        "You've voted with ",
        react_1.default.createElement(Mana_1.Mana, { inline: true }, "1,000"),
        ".")); }
};
exports.Matic = {
    render: function () { return (react_1.default.createElement("p", null,
        "You deposited",
        ' ',
        react_1.default.createElement(Mana_1.Mana, { inline: true, network: network_1.Network.MATIC }, "1,000"),
        ' ',
        "into Matic Network.")); }
};
exports.MaticPrimary = {
    render: function () { return (react_1.default.createElement("p", null,
        "You deposited",
        ' ',
        react_1.default.createElement(Mana_1.Mana, { inline: true, network: network_1.Network.MATIC, primary: true }, "1,000"),
        ' ',
        "into Matic Network.")); }
};
exports.MaticSizes = {
    render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Mana_1.Mana, { network: network_1.Network.MATIC, size: "huge" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { network: network_1.Network.MATIC, size: "large" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { network: network_1.Network.MATIC, size: "medium" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { network: network_1.Network.MATIC, size: "small" }, "1,000"),
        react_1.default.createElement(Mana_1.Mana, { network: network_1.Network.MATIC, size: "tiny" }, "1,000"))); }
};
exports.ManaTooltip = {
    render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(Mana_1.Mana, { showTooltip: true, network: network_1.Network.MATIC, size: "small" }, "1,000"))); }
};