mirror of
https://github.com/langgenius/dify.git
synced 2026-01-19 11:45:05 +08:00
38 lines
899 B
TypeScript
38 lines
899 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import * as React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import TabHeader from '../../base/tab-header'
|
|
|
|
export enum TypeEnum {
|
|
TRY = 'try',
|
|
DETAIL = 'detail',
|
|
}
|
|
|
|
type Props = {
|
|
value: TypeEnum
|
|
onChange: (value: TypeEnum) => void
|
|
}
|
|
|
|
const Tab: FC<Props> = ({
|
|
value,
|
|
onChange,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
const tabs = [
|
|
{ id: TypeEnum.TRY, name: t('tryApp.tabHeader.try', { ns: 'explore' }) },
|
|
{ id: TypeEnum.DETAIL, name: t('tryApp.tabHeader.detail', { ns: 'explore' }) },
|
|
]
|
|
return (
|
|
<TabHeader
|
|
items={tabs}
|
|
value={value}
|
|
onChange={onChange as (value: string) => void}
|
|
itemClassName="ml-0 system-md-semibold-uppercase"
|
|
itemWrapClassName="pt-2"
|
|
activeItemClassName="border-util-colors-blue-brand-blue-brand-500"
|
|
/>
|
|
)
|
|
}
|
|
export default React.memo(Tab)
|