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

Yandex UI components

import React from 'react';
import { Icon } from '@yandex-lego/components/Icon/bundle';
var directions = ['left', 'top', 'right', 'bottom'];
export var Direction = function () { return (React.createElement("table", { cellSpacing: 5, style: { textAlign: 'center' } },
    React.createElement("tr", null,
        React.createElement("td", null),
        React.createElement("td", null, "left"),
        React.createElement("td", null, "top"),
        React.createElement("td", null, "right"),
        React.createElement("td", null, "bottom")),
    React.createElement("tr", null,
        React.createElement("td", { style: { textAlign: 'left' } }, "_type"),
        directions.map(function (direction) { return (React.createElement("td", { key: direction, style: { width: 35 } },
            React.createElement(Icon, { type: "arrow", direction: direction, style: { width: 16 } }))); })),
    React.createElement("tr", null,
        React.createElement("td", { style: { textAlign: 'left' } }, "_glyph"),
        directions.map(function (direction) { return (React.createElement("td", { key: direction },
            React.createElement(Icon, { glyph: "type-arrow", direction: direction }))); })))); };