xcv58/Tab-Manager-v2

import React from 'react'
import { observer } from 'mobx-react-lite'
import Tooltip from '@mui/material/Tooltip'
import Flip from '@mui/icons-material/Flip'
import IconButton from '@mui/material/IconButton'
import { TOOLTIP_DELAY } from 'libs'
import { useStore } from 'components/hooks/useStore'
 
const TITLE = 'Inverse select tabs'
 
Similar blocks of code found in 2 locations. Consider refactoring.
export default observer(() => {
  const { searchStore } = useStore()
  const { invertSelect, matchedTabs } = searchStore
  return (
    <Tooltip title={TITLE} enterDelay={TOOLTIP_DELAY}>
      <div className="flex">
        <IconButton
          onClick={invertSelect}
          disabled={matchedTabs.length === 0}
          className="focus:outline-none"
          aria-label={TITLE}
        >
          <Flip />
        </IconButton>
      </div>
    </Tooltip>
  )
})