decentraland-ui
Version:
Decentraland's UI components and styles
47 lines (46 loc) • 3.02 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.WithDropdownAndStacked = exports.WithButton = void 0;
var react_1 = __importDefault(require("react"));
var Icon_1 = __importDefault(require("semantic-ui-react/dist/commonjs/elements/Icon/Icon"));
var Button_1 = require("../Button/Button");
var Container_1 = require("../Container/Container");
var Dropdown_1 = require("../Dropdown/Dropdown");
var Header_1 = require("../Header/Header");
var HeaderMenu_1 = require("./HeaderMenu");
var meta = {
title: 'HeaderMenu',
component: HeaderMenu_1.HeaderMenu
};
exports.default = meta;
exports.WithButton = {
render: function () { return (react_1.default.createElement(Container_1.Container, null,
react_1.default.createElement(HeaderMenu_1.HeaderMenu, null,
react_1.default.createElement(HeaderMenu_1.HeaderMenu.Left, null,
react_1.default.createElement(Header_1.Header, null, "District polls")),
react_1.default.createElement(HeaderMenu_1.HeaderMenu.Right, null,
react_1.default.createElement(Button_1.Button, { basic: true, size: "small" },
"View More",
react_1.default.createElement(Icon_1.default, { name: "chevron right" })))))); }
};
exports.WithDropdownAndStacked = {
render: function () { return (react_1.default.createElement(Container_1.Container, null,
react_1.default.createElement(HeaderMenu_1.HeaderMenu, { stackable: true },
react_1.default.createElement(HeaderMenu_1.HeaderMenu.Left, null,
react_1.default.createElement(Header_1.Header, null, "District polls")),
react_1.default.createElement(HeaderMenu_1.HeaderMenu.Right, null,
react_1.default.createElement(Dropdown_1.Dropdown, { text: "Newest", direction: "left" },
react_1.default.createElement(Dropdown_1.Dropdown.Menu, null,
react_1.default.createElement(Dropdown_1.Dropdown.Item, { text: "Newest" }),
react_1.default.createElement(Dropdown_1.Dropdown.Item, { text: "Closest to end" }),
react_1.default.createElement(Dropdown_1.Dropdown.Item, { text: "Highest weight" }),
react_1.default.createElement(Dropdown_1.Dropdown.Item, { text: "Most voted" }))),
react_1.default.createElement(Dropdown_1.Dropdown, { text: "All polls", direction: "left" },
react_1.default.createElement(Dropdown_1.Dropdown.Menu, null,
react_1.default.createElement(Dropdown_1.Dropdown.Item, { text: "All polls" }),
react_1.default.createElement(Dropdown_1.Dropdown.Item, { text: "Ongoing polls" }),
react_1.default.createElement(Dropdown_1.Dropdown.Item, { text: "Closed polls" }))))))); }
};