import React from 'react'
import { Tabs } from 'antd'
import './styles.scss'

export default React.memo(({ items, value, onChange, className, authChecker }) => {
  return (
    <Tabs className={`lz-component-tab-filter ${className}`} activeKey={value} onChange={onChange}>
      {items
        .filter(item => (item.authKey && authChecker ? authChecker(item.authKey) : true))
        .map(item => (
          <Tabs.TabPane key={item.value} tab={item.label} />
        ))}
    </Tabs>
  )
})