decentraland-ui
Version:
Decentraland's UI components and styles
42 lines (41 loc) • 2.25 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Collapsed = exports.Collapsible = exports.WithoutBorder = exports.WithHeader = exports.WithoutHeader = void 0;
var react_1 = __importDefault(require("react"));
var Address_1 = require("../Address/Address");
var Box_1 = require("./Box");
var Blockie_1 = require("../Blockie/Blockie");
var address = '0x0F5D2fB29fb7d3CFeE444a200298f468908cC942';
var meta = {
title: 'Box',
component: Box_1.Box
};
exports.default = meta;
exports.WithoutHeader = {
render: function () { return (react_1.default.createElement(Box_1.Box, null,
react_1.default.createElement(Blockie_1.Blockie, { seed: address },
react_1.default.createElement(Address_1.Address, { value: address, strong: true })))); }
};
exports.WithHeader = {
render: function () { return (react_1.default.createElement(Box_1.Box, { header: "Children with header" },
react_1.default.createElement(Blockie_1.Blockie, { seed: address },
react_1.default.createElement(Address_1.Address, { value: address, strong: true })))); }
};
exports.WithoutBorder = {
render: function () { return (react_1.default.createElement(Box_1.Box, { header: "Without border", borderless: true },
react_1.default.createElement(Blockie_1.Blockie, { seed: address },
react_1.default.createElement(Address_1.Address, { value: address, strong: true })))); }
};
exports.Collapsible = {
render: function () { return (react_1.default.createElement(Box_1.Box, { header: "Without border", collapsible: true },
react_1.default.createElement(Blockie_1.Blockie, { seed: address },
react_1.default.createElement(Address_1.Address, { value: address, strong: true })))); }
};
exports.Collapsed = {
render: function () { return (react_1.default.createElement(Box_1.Box, { header: "Without border", collapsible: true, collapsed: true },
react_1.default.createElement(Blockie_1.Blockie, { seed: address },
react_1.default.createElement(Address_1.Address, { value: address, strong: true })))); }
};