@yandex/ui
Version:
Yandex UI components
26 lines (25 loc) • 2.45 kB
JavaScript
import { __read } from "tslib";
import React, { useState } from 'react';
import { Drawer } from '@yandex-lego/components/Drawer/touch-phone/bundle';
export var Small = function () {
var scopeRef = React.useRef(null);
var _a = __read(useState(false), 2), visible = _a[0], setVisible = _a[1];
var nested = false;
var dragDisabled = false;
var direction = 'bottom';
var animation = {
tension: 230,
friction: 24,
disabled: false,
dragImmediate: false,
};
return (React.createElement("div", { ref: scopeRef },
React.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus, etiam gravida taciti mauris adipiscing id erat. Mollis scelerisque vivamus sit dictum ultrices eros, suscipit varius cursus litora lectus montes, et posuere diam mauris conubia. Inceptos metus vel ac hendrerit lacinia arcu taciti potenti, vulputate class mollis maecenas orci nibh."),
React.createElement("p", null,
React.createElement("button", { onClick: function () { return setVisible(true); } }, "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0443\u044E \u0448\u0442\u043E\u0440\u043A\u0443")),
React.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus, etiam gravida taciti mauris adipiscing id erat. Mollis scelerisque vivamus sit dictum ultrices eros, suscipit varius cursus litora lectus montes, et posuere diam mauris conubia. Inceptos metus vel ac hendrerit lacinia arcu taciti potenti, vulputate class mollis maecenas orci nibh."),
React.createElement(Drawer, { visible: visible, onClose: function () { return setVisible(false); }, scope: scopeRef, animation: animation, nested: nested, dragDisabled: dragDisabled, direction: direction, view: "default" },
React.createElement("div", { className: "DrawerInnerContent", style: { padding: '20px' } },
React.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus."),
React.createElement("button", { onClick: function () { return setVisible(false); } }, "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0448\u0442\u043E\u0440\u043A\u0443")))));
};