import { h, Component } from 'preact';

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

interface ActGoodsDetailCodeProps {
  title?: string;
  code?: string;
  onClickItem?: () => void;
}

export default class ActGoodsDetailCode extends Component<ActGoodsDetailCodeProps, {}> {
  render() {
    const { title, code, onClickItem } = this.props;

    return (
      <div
        className={styles['code-container']}
        onClick={onClickItem}
      >
        {title && (
          <text className={styles['code-title']}>
            {title}
          </text>
        )}
        {code && (
        <div className={styles['code-content']}>
          <text>
            {code}
          </text>
        </div>
        )}
      </div>
    );
  }
}