@stolostron/multicluster-sdk/lib/internal/FleetResourceEventStream/TogglePlay.js

Provides extensions and APIs that dynamic plugins can use to leverage multicluster capabilities provided by Red Hat Advanced Cluster Management.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
/* Copyright Contributors to the Open Cluster Management project */
const react_core_1 = require("@patternfly/react-core");
const react_icons_1 = require("@patternfly/react-icons");
const react_styles_1 = require("@patternfly/react-styles");
// References translations directly from OpenShift console - not from plugins
// eslint-disable-next-line @typescript-eslint/no-restricted-imports
const react_i18next_1 = require("react-i18next");
const TogglePlay = (props) => {
    const { t } = (0, react_i18next_1.useTranslation)();
    const togglePlayClasses = (0, react_styles_1.css)('co-toggle-play', props.className, props.active ? 'co-toggle-play--active' : 'co-toggle-play--inactive');
    return ((0, jsx_runtime_1.jsx)(react_core_1.Button, { icon: props.active ? (0, jsx_runtime_1.jsx)(react_icons_1.PauseIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.PlayIcon, {}), variant: "plain", className: togglePlayClasses, onClick: props.onClick, "aria-label": props.active ? t('public~Pause event streaming') : t('public~Start streaming events') }));
};
exports.default = TogglePlay;
//# sourceMappingURL=TogglePlay.js.map