@yandex/ui/Textinput/__examples__/pin.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Pin = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var bundle_1 = require("@yandex-lego/components/Textinput/desktop/bundle");
var styles = "\n    .PinInput {\n        margin-bottom: 8px;\n        max-width: 320px;\n        display: flex;\n    }\n";
var pins = [
    'round-round',
    'round-clear',
    'clear-round',
    'round-brick',
    'brick-round',
    'brick-brick',
    'brick-clear',
    'clear-brick',
    'clear-clear',
];
var Pin = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement("style", null, styles),
    pins.map(function (pin) { return (react_1.default.createElement(bundle_1.Textinput, { size: "m", view: "default", className: "PinInput", key: pin, pin: pin, value: pin })); }))); };
exports.Pin = Pin;