@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
51 lines (50 loc) • 1.97 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
const BasicCell = ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, leftAddonThumbSquare, title, children, rightAddonIcon, large = false })=>{
let leftAddon = null;
if (null != leftAddonIcon) leftAddon = leftAddonIcon;
else if (null != leftAddonThumbUrl) {
const leftAddonThumbSize = large ? 64 : 44;
leftAddon = /*#__PURE__*/ jsx("div", {
className: classnames("cobalt-BasicCell__Thumb", {
"cobalt-BasicCell__Thumb--square": leftAddonThumbSquare
}),
children: /*#__PURE__*/ jsx("img", {
src: leftAddonThumbUrl,
alt: leftAddonThumbAlt,
width: leftAddonThumbSize,
height: leftAddonThumbSize
})
});
}
return /*#__PURE__*/ jsxs("div", {
className: classnames("cobalt-BasicCell", {
"cobalt-BasicCell--large": true === large
}),
children: [
null != leftAddon && /*#__PURE__*/ jsx("div", {
className: "cobalt-BasicCell__LeftAddon",
children: leftAddon
}),
/*#__PURE__*/ jsxs("div", {
className: "cobalt-BasicCell__Main",
children: [
/*#__PURE__*/ jsx("div", {
className: "cobalt-BasicCell__Title",
children: title
}),
/*#__PURE__*/ jsx("div", {
className: "cobalt-BasicCell__Content",
children: children
})
]
}),
null != rightAddonIcon && /*#__PURE__*/ jsx("div", {
className: "cobalt-BasicCell__RightAddonIcon",
children: rightAddonIcon
})
]
});
};
export { BasicCell };
//# sourceMappingURL=index.js.map