@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
24 lines • 1.09 kB
JavaScript
import React, { useMemo } from 'react';
import Button from '../../button/Button';
import { StyledTooltipItem, StyledTooltipItemButtonWrapper, StyledTooltipItemHeadline, StyledTooltipItemImage, StyledTooltipItemText } from './TooltipItem.styles';
const TooltipItem = _ref => {
let {
headline,
text,
button,
imageUrl,
width,
maxWidth
} = _ref;
return useMemo(() => /*#__PURE__*/React.createElement(StyledTooltipItem, {
$width: width,
$maxWidth: maxWidth
}, headline && /*#__PURE__*/React.createElement(StyledTooltipItemHeadline, null, headline), imageUrl && /*#__PURE__*/React.createElement(StyledTooltipItemImage, {
src: imageUrl
}), /*#__PURE__*/React.createElement(StyledTooltipItemText, null, text), button && /*#__PURE__*/React.createElement(StyledTooltipItemButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
onClick: button.onClick
}, button.text))), [button, headline, imageUrl, text, width, maxWidth]);
};
TooltipItem.displayName = 'TooltipItem';
export default TooltipItem;
//# sourceMappingURL=TooltipItem.js.map