@yandex/ui
Version:
Yandex UI components
30 lines (29 loc) • 1.5 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var withControl_1 = require("@yandex-lego/components/withControl");
var bundle_1 = require("@yandex-lego/components/Text/bundle");
var bundle_2 = require("@yandex-lego/components/Button/desktop/bundle");
var Component = function (props) { return (react_1.default.createElement(bundle_2.Button, tslib_1.__assign({}, props, { view: "action", size: "m" }),
' ',
"Button",
' ')); };
var EnhancedComponent = withControl_1.withControl(Component);
var Default = function () {
var _a = tslib_1.__read(react_1.useState('No state'), 2), curState = _a[0], setCurState = _a[1];
var handleBlur = function () { return setCurState('Handle blur'); };
var handleFocus = function () { return setCurState('Handle focus'); };
var handleMouseDown = function () { return setCurState('Handle mouse down'); };
var handleMouseUp = function () { return setCurState('Handle mouse up'); };
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(EnhancedComponent, { onBlur: handleBlur, onFocus: handleFocus, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp }),
' ',
"\u00A0",
react_1.default.createElement(bundle_1.Text, null,
" ",
curState,
" ")));
};
exports.Default = Default;