import "core-js/modules/es.array.concat.js";
import React from 'react';
import './index.css';
import { useI18n } from '../../i18n';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var FcrCard = function FcrCard(props) {
  var t = useI18n();
  var _props$cover = props.cover,
    cover = _props$cover === void 0 ? t('fmt_uimanager_labels_Clickselect') : _props$cover,
    content = props.content,
    title = props.title,
    _props$active = props.active,
    active = _props$active === void 0 ? false : _props$active,
    _props$disabled = props.disabled,
    disabled = _props$disabled === void 0 ? false : _props$disabled,
    onCardClick = props.onCardClick,
    onDoubleClickCard = props.onDoubleClickCard;
  return /*#__PURE__*/_jsxs("div", {
    onClick: onCardClick,
    onDoubleClick: onDoubleClickCard,
    className: "".concat(active ? 'share-selection-window__card-active' : 'share-selection-window__card', " ").concat(disabled ? 'share-selection-window__card-disabled' : ''),
    children: [/*#__PURE__*/_jsxs("div", {
      className: "share-selection-window__card-content fcr-flex-center",
      children: [/*#__PURE__*/_jsx("div", {
        className: "share-selection-window__card-content-mask fcr-flex-center",
        children: cover
      }), content]
    }), /*#__PURE__*/_jsx("div", {
      className: "share-selection-window__card-title",
      children: title
    })]
  });
};