@orfeas126/box-ui-elements
Version:
Box UI Elements
35 lines • 1.11 kB
JavaScript
import * as React from 'react';
import Tooltip from '../tooltip';
import { useIsContentOverflowed } from '../../utils/dom';
const Title = ({
title
}) => {
// $FlowFixMe
const textRef = React.useRef(null);
const isTextOverflowed = useIsContentOverflowed(textRef);
return /*#__PURE__*/React.createElement(Tooltip, {
isDisabled: !isTextOverflowed,
text: title
}, /*#__PURE__*/React.createElement("div", {
ref: textRef,
className: "thumbnail-card-title"
}, title));
};
const ThumbnailCardDetails = ({
actionItem,
icon,
subtitle,
title
}) => /*#__PURE__*/React.createElement("div", {
className: "thumbnail-card-details"
}, icon, /*#__PURE__*/React.createElement("div", {
className: "thumbnail-card-details-content"
}, /*#__PURE__*/React.createElement("div", {
className: "ThumbnailCardDetails-bodyText"
}, /*#__PURE__*/React.createElement(Title, {
title: title
}), subtitle && /*#__PURE__*/React.createElement("div", {
className: "thumbnail-card-subtitle"
}, subtitle)), actionItem));
export default ThumbnailCardDetails;
//# sourceMappingURL=ThumbnailCardDetails.js.map