xcv58/Tab-Manager-v2

import React from 'react'
import { observer } from 'mobx-react-lite'
import DragHandle from 'components/Tab/DragHandle'
import TabMenu from 'components/Tab/TabMenu'
import { useStore } from 'components/hooks/useStore'
import { TabProps } from 'components/types'
 
export default observer((props: TabProps) => {
  const { dragStore } = useStore()
  const {
    faked,
    tab: { isHovered },
  } = props
  const { dragging } = dragStore
  if (faked || dragging || !isHovered) {
    return null
  }
  return (
    <div className="flex items-center">
      <DragHandle />
      <TabMenu {...props} />
    </div>
  )
})