import { h, Component } from 'preact';

import styles from './css/index.less';

class PMGToast extends Component<any, any> {
  render() {
    const { content, lineClampNum, top = '4%' } = this.props;
    return (
      <div
        className={styles['pmg-popup-container']}
        style={{ top }}
        onClick={this.props?.clickWrap}
      >
        <div className={styles['pmg-popup-content']}>
          <text
            style={{ lineClamp: lineClampNum }}
            className={styles['pmg-popup-content-text']}
          >{content}
          </text>
        </div>
      </div>
    );
  }
}

export default PMGToast;