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

Opinionated design system for Drivy's projects.

import { jsx, jsxs } from 'react/jsx-runtime';
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 = (jsx("div", { className: cx("cobalt-BasicCell__Thumb", {
                "cobalt-BasicCell__Thumb--square": leftAddonThumbSquare,
            }), children: jsx("img", { src: leftAddonThumbUrl, alt: leftAddonThumbAlt, width: leftAddonThumbSize, height: leftAddonThumbSize }) }));
    }
    return (jsxs("div", { className: cx("cobalt-BasicCell", {
            "cobalt-BasicCell--large": large === true,
        }), children: [leftAddon != null && (jsx("div", { className: "cobalt-BasicCell__LeftAddon", children: leftAddon })), jsxs("div", { className: "cobalt-BasicCell__Main", children: [jsx("div", { className: "cobalt-BasicCell__Title", children: title }), jsx("div", { className: "cobalt-BasicCell__Content", children: children })] }), rightAddonIcon != null && (jsx("div", { className: "cobalt-BasicCell__RightAddonIcon", children: rightAddonIcon }))] }));
};

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