@yandex/ui/Badge/__examples__/badgeInButton.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.BadgeInButton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Badge_1 = require("@yandex-lego/components/Badge");
var bundle_1 = require("@yandex-lego/components/Button/desktop/bundle");
var BadgeInButton = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement(Badge_1.Badge, null,
        react_1.default.createElement(bundle_1.Button, { view: "default", size: "m" }, "\u043E\u0447\u0435\u043D\u044C \u0432\u0430\u0436\u043D\u0430\u044F")),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement(Badge_1.Badge, { outlineColor: "transparent", content: 5 },
        react_1.default.createElement(bundle_1.Button, { view: "default", size: "m" }, "\u043E\u0447\u0435\u043D\u044C \u0432\u0430\u0436\u043D\u0430\u044F \u0441 \u0446\u0438\u0444\u0440\u043E\u0439")),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement(bundle_1.Button, { view: "default", size: "m" },
        "\u0417\u0430\u043A\u043B\u0430\u0434\u043A\u0430",
        react_1.default.createElement(Badge_1.Badge, { color: "#0679ff", outlineColor: "#0679ff", content: 5, style: { marginLeft: 5 } })))); };
exports.BadgeInButton = BadgeInButton;