import BaseTab from '../base/BaseTab';

class CardTab<Id> extends BaseTab<Id> {
  protected typeName = 'card';

  render() {
    const { actived, disabled, children } = this.props;

    return (
      <div
        role="tab"
        className={this.tabsCls}
        aria-disabled={disabled}
        aria-selected={actived}
        onClick={this.onClick}
      >
        <div className="zent-tabs-tab-inner">
          {children}
          {this.renderDelOperater()}
        </div>
      </div>
    );
  }
}

export default CardTab;