epn-ui/umd/dist/components/Select/customOptions/Favoutite/index.js

Дизайн система кабинета ВМ

import React from 'react';
import clsx from 'clsx';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faStar as faStar$1 } from '@fortawesome/pro-light-svg-icons/faStar';
import { faStar } from '@fortawesome/pro-solid-svg-icons/faStar';
import { format } from '../../../../utils/date/index.js';

var FavouriteOption = function (_a) {
    var label = _a.label, value = _a.value, className = _a.className, isFavourite = _a.isFavourite, onFavToggle = _a.onFavToggle, date = _a.date;
    return (React.createElement("div", { className: clsx('epn-select-option epn-select-option--favorite', className) },
        React.createElement("span", { className: "epn-select-option--favorite-label" }, label),
        React.createElement("div", { className: "epn-select-option--favorite-actions" },
            React.createElement("button", { type: "button", className: clsx('epn-select-option--favorite-actionsBtn', {
                    'epn-select-option--favorite-btnActive': isFavourite,
                }), onClick: function (event) {
                    event.stopPropagation();
                    onFavToggle(value, isFavourite);
                } },
                React.createElement(FontAwesomeIcon, { icon: isFavourite ? faStar : faStar$1 })),
            date && React.createElement("span", null, format(new Date(date), 'DD.MM.YYYY')))));
};

export { FavouriteOption, FavouriteOption as default };