import React__default from 'react';
import { R as RowImageTextCard } from '../index-07cebbd5.js';
import ImageView from '../ImageView/index.js';
import '../_rollupPluginBabelHelpers-736b301a.js';

function ComparisonImageCard({
  width,
  height,
  src1,
  src2,
  className = '',
  style,
  disabledHover = false,
  onClick,
  isFocus = false,
  title1,
  children,
  title2,
  imgExt1,
  imgExt2
}) {
  return /*#__PURE__*/React__default.createElement("div", {
    className: `lm-t-c-comparison-image-card ${className} ${isFocus ? 'lm-t-c-focus-card' : ''} ${disabledHover ? 'disabled-hover' : ''}`,
    onClick: onClick,
    style: {
      ...style,
      width,
      height
    }
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-comparison-image-wrapper"
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-comparison-image-item"
  }, /*#__PURE__*/React__default.createElement(ImageView, {
    src: src1,
    title: title1
  }), imgExt1 && /*#__PURE__*/React__default.createElement("div", {
    className: "image-card-part-ext"
  }, imgExt1)), /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-comparison-image-item"
  }, /*#__PURE__*/React__default.createElement(ImageView, {
    src: src2,
    title: title2
  }), imgExt2 && /*#__PURE__*/React__default.createElement("div", {
    className: "image-card-part-ext"
  }, imgExt2))), /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-content"
  }, children));
}
var ComparisonImageCard$1 = /*#__PURE__*/React__default.memo(ComparisonImageCard);

function ColImageTextCard({
  width,
  height,
  imgWidth = 200,
  src,
  className = '',
  style,
  onClick,
  disabledHover = false,
  children,
  isFocus = false,
  title,
  imgExt,
  footerExt
}) {
  return /*#__PURE__*/React__default.createElement("div", {
    className: `lm-t-c-col-image-text-card ${className} ${isFocus ? 'lm-t-c-focus-card' : ''} ${disabledHover ? 'disabled-hover' : ''}`,
    onClick: onClick,
    style: {
      ...style,
      width,
      height
    }
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-col-image-card-header"
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-col-image-wrapper"
  }, /*#__PURE__*/React__default.createElement(ImageView, {
    src: src,
    title: title,
    style: {
      width: imgWidth
    }
  }), imgExt && /*#__PURE__*/React__default.createElement("div", {
    className: "image-card-part-ext"
  }, imgExt)), /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-col-text-wrapper"
  }, children)), footerExt && /*#__PURE__*/React__default.createElement("div", {
    className: "lm-t-c-col-image-footer"
  }, footerExt));
}
var ColImageTextCard$1 = /*#__PURE__*/React__default.memo(ColImageTextCard);

const CardBox = ({
  className = '',
  children,
  style
}) => /*#__PURE__*/React__default.createElement("div", {
  className: `lm-t-c-card ${className}`,
  style: style
}, children);
CardBox.RowImageTextCard = RowImageTextCard;
CardBox.ComparisonImageCard = ComparisonImageCard$1;
CardBox.ColImageTextCard = ColImageTextCard$1;

export { CardBox as default };
//# sourceMappingURL=index.js.map
