import React from 'react';
import ObjectTagSelect from '../ObjectTagSelect';
import TwoRowLayout from '../Layerout/TwoRowLayout';
import './index.less';

class TagResultLayout extends React.Component {
  render() {
    const { className = '', title, activeKey, keywords, tags, uploadInfo, extGrid, onSearch, rightExtContent, tabList,disabled, ...props } = this.props;
    return (
      <TwoRowLayout
        {...props}
        className={`tag-result-layout ${className}`}
        title={title}
        activeKey={activeKey}
        extGrid={extGrid}
        customCenterExtContent={
          <ObjectTagSelect disabled={disabled} defaultTags={tags} uploadInfo={uploadInfo} keywords={keywords} onSearch={onSearch} hasSingleType={false} type={activeKey} />
        }
        rightExtContent={rightExtContent}
        tabList={tabList}
      ></TwoRowLayout>
    );
  }
}

export default TagResultLayout;
