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

Yandex UI components

import React from 'react';
import { Textinput } from '@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',
];
export var Pin = function () { return (React.createElement(React.Fragment, null,
    React.createElement("style", null, styles),
    pins.map(function (pin) { return (React.createElement(Textinput, { size: "m", view: "default", className: "PinInput", key: pin, pin: pin, value: pin })); }))); };