/**
 * Created by baoyinghai on 6/28/17.
 */
import React from 'react';
import './index.less';

export const TabTitle = props => {
  return (
    <span className={'tab-title'} onClick={props.onClick}>{props.children}</span>
  );
};

export const TabContainer = props => {
  const { currentPageIndex, pageIndex } = props;
  const style = {
    display: currentPageIndex === pageIndex ? 'block' : 'none'
  };
  return (
    <div style={style} >
      {props.children}
    </div>
  );
};
