@yandex/ui/Icon/__examples__/direction.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Direction = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var bundle_1 = require("@yandex-lego/components/Icon/bundle");
var directions = ['left', 'top', 'right', 'bottom'];
var Direction = function () { return (react_1.default.createElement("table", { cellSpacing: 5, style: { textAlign: 'center' } },
    react_1.default.createElement("tr", null,
        react_1.default.createElement("td", null),
        react_1.default.createElement("td", null, "left"),
        react_1.default.createElement("td", null, "top"),
        react_1.default.createElement("td", null, "right"),
        react_1.default.createElement("td", null, "bottom")),
    react_1.default.createElement("tr", null,
        react_1.default.createElement("td", { style: { textAlign: 'left' } }, "_type"),
        directions.map(function (direction) { return (react_1.default.createElement("td", { key: direction, style: { width: 35 } },
            react_1.default.createElement(bundle_1.Icon, { type: "arrow", direction: direction, style: { width: 16 } }))); })),
    react_1.default.createElement("tr", null,
        react_1.default.createElement("td", { style: { textAlign: 'left' } }, "_glyph"),
        directions.map(function (direction) { return (react_1.default.createElement("td", { key: direction },
            react_1.default.createElement(bundle_1.Icon, { glyph: "type-arrow", direction: direction }))); })))); };
exports.Direction = Direction;