CaptainFact / captain-fact-frontend / 12936416000

import React from 'react'

import { Trans } from 'react-i18next'

import { Link } from 'react-router-dom'

import { cn } from '@/lib/css-utils'

import { TabsList, TabsTrigger } from '../ui/tabs'

import UserAppellation from '../Users/UserAppellation'

    className: cn('text-black hover:text-black'),

  })

    <TabsList value={value}>

      <Link {...getLinkProps('ALL')}>

        <TabsTrigger value="ALL">

          <Trans i18nKey="history:actionDirection.all">All</Trans>

        </TabsTrigger>

      </Link>

      <Link {...getLinkProps('AUTHOR')}>

        <TabsTrigger value="AUTHOR">

          <Trans i18nKey="history:actionDirection.authored" parent="span">

            From 

            <UserAppellation defaultComponent="span" user={user} compact withoutActions />

          </Trans>

        </TabsTrigger>

      </Link>

      <Link {...getLinkProps('TARGET')}>

        <TabsTrigger value="TARGET">

          <Trans i18nKey="history:actionDirection.target" parent="span">

            Targeting 

            <UserAppellation defaultComponent="span" user={user} compact withoutActions />

          </Trans>

        </TabsTrigger>

      </Link>

    </TabsList>

  )

}

export default ActionsDirectionFilter