epn-ui
Version:
Дизайн система кабинета ВМ
25 lines (22 loc) • 1.3 kB
JavaScript
import React, { useEffect } from 'react';
import clsx from 'clsx';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faBars } from '@fortawesome/pro-regular-svg-icons/faBars';
import useI18n from '../../../../../i18n/index.js';
import Switch from '../../../../Switch/index.js';
var FakeSortItem = function (_a) {
var item = _a.item, disabled = _a.disabled, locale = _a.locale;
var _b = useI18n(), t = _b.t, changeLanguage = _b.changeLanguage;
useEffect(function () {
changeLanguage(locale);
}, [locale]);
return (React.createElement("div", { className: clsx('epn-tablePro__settings_sort_item', {
'epn-tablePro__settings_sort_item--disabled': disabled,
}) },
React.createElement("div", { className: "epn-tablePro__settings_sort_dnd" },
React.createElement(FontAwesomeIcon, { className: "epn-tablePro__settings_sort_item_icon", icon: faBars }),
React.createElement("span", { className: "epn-tablePro__settings_sort_item_title" }, item.title || t('Without title'))),
React.createElement("div", { className: "epn-tablePro__settings_sort_action" },
React.createElement(Switch, { checked: !item.hidden, disabled: disabled }))));
};
export { FakeSortItem as default };