@drivy/cobalt/components/BasicCell/index.js

Opinionated design system for Drivy's projects.

import React from 'react';
import cx from 'classnames';

const BasicCell = ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, leftAddonThumbSquare, title, children, rightAddonIcon, large = false, }) => {
    let leftAddon = null;
    if (leftAddonIcon != null)
        leftAddon = leftAddonIcon;
    else if (leftAddonThumbUrl != null) {
        const leftAddonThumbSize = large ? 64 : 44;
        leftAddon = (React.createElement("div", { className: cx("cobalt-BasicCell__Thumb", {
                "cobalt-BasicCell__Thumb--square": leftAddonThumbSquare,
            }) },
            React.createElement("img", { src: leftAddonThumbUrl, alt: leftAddonThumbAlt, width: leftAddonThumbSize, height: leftAddonThumbSize })));
    }
    return (React.createElement("div", { className: cx("cobalt-BasicCell", {
            "cobalt-BasicCell--large": large === true,
        }) },
        leftAddon != null && (React.createElement("div", { className: "cobalt-BasicCell__LeftAddon" }, leftAddon)),
        React.createElement("div", { className: "cobalt-BasicCell__Main" },
            React.createElement("div", { className: "cobalt-BasicCell__Title" }, title),
            React.createElement("div", { className: "cobalt-BasicCell__Content" }, children)),
        rightAddonIcon != null && (React.createElement("div", { className: "cobalt-BasicCell__RightAddonIcon" }, rightAddonIcon))));
};

export { BasicCell };
//# sourceMappingURL=index.js.map