@brizy/media-gallery/lib/components/pages/common/Wrapper.js

Media Gallery

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;
    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: /*#__PURE__*/ React.createElement(CheckBox, {
            isSelected: isSelected,
            isBulkSelected: isBulkSelected,
            onSelectItem: onSelectItem
        })
    }, /*#__PURE__*/ React.createElement(Card, {
        onClick: onSelectItem,
        borderStyle: "solid",
        size: cardSize,
        color: "gray-light",
        borderWidth: borderWidth,
        borderColor: cardBorderColor
    }, children)));
};