{"size": 841, "ext": "js", "max_stars_repo_path": "src/components/Tabmenupage.js", "max_stars_repo_name": "thitaya/front-endtn", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Tabmenupage.js", "max_issues_repo_name": "thitaya/front-endtn", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Tabmenupage.js", "max_forks_repo_name": "thitaya/front-endtn", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 32.3461538462, "max_line_length": 91, "alphanum_fraction": 0.6242568371}
import { Tabs } from 'antd';
import LayoutComponent from '../../src/components/Layout'
const TabPane = Tabs.TabPane;

function callback(key) {
  console.log(key);
}


const Tabmenupage = () => {
   const adminList = ['พี่เซท', 'พี่ไอซ์']
  const memberList = ['tarn','kwan','karn','ped','nan','wiw']
  const team = ['mapmagic','shop','JTU']
  return (
    <div  style={{ background: '#ECECEC',height: '1000px',padding:'50px' }}>
    <div className="Tabmenupage" > <Tabs defaultActiveKey="1" onChange={callback}>
        <TabPane tab="ผู้ดูแลระบบ" key="1"><LayoutComponent  data={adminList}/></TabPane>
        <TabPane tab="สมาชิก slack" key="2"><LayoutComponent  data={memberList}/></TabPane>
        <TabPane tab="ทีม" key="3"><LayoutComponent  data={team}/></TabPane>
      </Tabs>
    </div>
    </div>
  )
}

export default Tabmenupage;