import * as React from 'react';
import IReactComponentProps from '../../../common/structures/IReactComponentProps';
import TruncateMarkup from 'react-truncate-markup';

interface IProps extends IReactComponentProps {
	ellipsis?: React.ReactNode;
	lines?: number | undefined;
}

export default class Truncate extends React.Component<IProps> {
	static defaultProps: Partial<IProps> = {
		ellipsis: '...',
		lines: 1,
	};

	render () {
		return (
			<TruncateMarkup
				ellipsis={this.props.ellipsis}
				lines={this.props.lines}
			>
				<div
					className={this.props.className}
					id={this.props.id}
					style={this.props.style}
				>
					{this.props.children}
				</div>
			</TruncateMarkup>
		);
	}
}