import { h, Component } from 'preact';

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

interface ActGoodsDetailSecondaryButtonProps {
  secondaryButton?: string; // 次要按钮文本
  onlyOneBtn?: boolean; // 是否只有一个按钮
  clickButton?: () => void; // 点击按钮回调
}

export default class ActGoodsDetailSecondaryButton extends Component<ActGoodsDetailSecondaryButtonProps, {}> {
  render() {
    const { secondaryButton = '', onlyOneBtn = false, clickButton = (() => {}) } = this.props;
    return (
      <div
        className={`${styles['secondary-btn-container']} ${onlyOneBtn ? styles['secondary-btn-container--single'] : ''}`}
      >
        <div
          className={styles['secondary-btn']}
          onClick={clickButton}
        >
          <text className={styles['secondary-btn-text']}>{secondaryButton}</text>
        </div>
      </div>
    );
  }
}