@brizy/media-gallery
Version:
29 lines (28 loc) • 1.48 kB
JavaScript
import React from "react";
import { Card } from "@brizy/ui/lib/Card";
import { BadgeItems } from "@brizy/ui/lib/BadgeItems";
import { CheckBox } from "./CheckBox";
export var Wrapper = function(param) {
var isSelected = param.isSelected, isBulkSelected = param.isBulkSelected, children = param.children, onSelectItem = param.onSelectItem, width = param.width, height = param.height, _param_isWithCheckbox = param.isWithCheckbox, isWithCheckbox = _param_isWithCheckbox === void 0 ? true : _param_isWithCheckbox;
var borderWidth = isSelected || isBulkSelected ? "3px" : "0px";
var cardSize = isSelected || isBulkSelected ? 0 : 1;
var cardBorderColor = isSelected ? "blue" : isBulkSelected ? "gray-mid" : "gray-light";
return /*#__PURE__*/ React.createElement("div", isSelected ? {
className: "brz-media-gallery-selected"
} : {}, /*#__PURE__*/ React.createElement(BadgeItems, {
content: isWithCheckbox ? /*#__PURE__*/ React.createElement(CheckBox, {
isSelected: isSelected,
isBulkSelected: isBulkSelected,
onSelectItem: onSelectItem
}) : /*#__PURE__*/ React.createElement(React.Fragment, null)
}, /*#__PURE__*/ React.createElement(Card, {
width: width,
height: height,
onClick: onSelectItem,
borderStyle: "solid",
size: cardSize,
color: "gray-light",
borderWidth: borderWidth,
borderColor: cardBorderColor
}, children)));
};