@yandex/ui/esm/Select/Select.tests/scenarios/long.js

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { Select } from '@yandex-lego/components/Select/desktop/bundle';
var options = [];
for (var idx = 0; idx < 40; idx++) {
    options.push({ value: idx, content: idx });
}
var styles = "\n    body {\n        font-family: Helvetica, Arial, sans-serif;\n        margin: 0;\n        padding: 0;\n    }\n\n    .container {\n        display: inline-flex;\n        background-color: #fcc;\n        height: 100vh;\n        width: 300px;\n    }\n";
export var LongHermioneCase = function (props) {
    var maxHeight = props.maxHeight;
    var _a = __read(useState(0), 2), value = _a[0], setValue = _a[1];
    return (React.createElement(React.Fragment, null,
        React.createElement("style", null, styles),
        React.createElement("div", { "data-testid": "container", className: "container" },
            React.createElement(Select, { view: "default", size: "m", value: value, onChange: function (event) { return setValue(event.target.value); }, options: options, maxHeight: maxHeight }))));
};