26 lines
531 B
React
26 lines
531 B
React
|
// @flow
|
||
|
|
import * as React from 'react';
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
text?: ?string,
|
||
|
|
lines: number,
|
||
|
|
showTooltip?: boolean,
|
||
|
|
children?: React.Node,
|
||
|
|
};
|
||
|
|
|
||
|
|
const TruncatedText = (props: Props) => {
|
||
|
|
const { text, children, lines, showTooltip } = props;
|
||
|
|
const tooltip = showTooltip ? children || text : '';
|
||
|
|
return (
|
||
|
|
<span title={tooltip} className="truncated-text" style={{ WebkitLineClamp: lines }}>
|
||
|
|
{children || text}
|
||
|
|
</span>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
TruncatedText.defaultProps = {
|
||
|
|
showTooltip: true,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default TruncatedText;
|