mirror of
https://github.com/langgenius/dify.git
synced 2026-07-26 06:08:38 +08:00
67 lines
1.6 KiB
TypeScript
67 lines
1.6 KiB
TypeScript
import { Switch } from '@langgenius/dify-ui/switch'
|
|
import * as React from 'react'
|
|
import { Infotip } from '@/app/components/base/infotip'
|
|
|
|
type Props = Readonly<{
|
|
icon: any
|
|
title: any
|
|
tooltip?: any
|
|
value: any
|
|
description?: string
|
|
children?: React.ReactNode
|
|
disabled?: boolean
|
|
onChange?: (state: any) => void
|
|
onMouseEnter?: () => void
|
|
onMouseLeave?: () => void
|
|
}>
|
|
|
|
const FeatureCard = ({
|
|
icon,
|
|
title,
|
|
tooltip,
|
|
value,
|
|
description,
|
|
children,
|
|
disabled,
|
|
onChange,
|
|
onMouseEnter,
|
|
onMouseLeave,
|
|
}: Props) => {
|
|
return (
|
|
<div
|
|
className="mb-1 rounded-xl border-t-[0.5px] border-l-[0.5px] border-effects-highlight bg-background-section-burn p-3"
|
|
onMouseEnter={onMouseEnter}
|
|
onMouseLeave={onMouseLeave}
|
|
>
|
|
<div className="mb-2 flex items-center gap-2">
|
|
{icon}
|
|
<div className="flex grow items-center system-sm-semibold text-text-secondary">
|
|
{title}
|
|
{tooltip && (
|
|
<Infotip
|
|
aria-label={typeof tooltip === 'string' ? tooltip : String(title)}
|
|
className="ml-0.5 size-3.5"
|
|
>
|
|
{tooltip}
|
|
</Infotip>
|
|
)}
|
|
</div>
|
|
<Switch
|
|
disabled={disabled}
|
|
className="shrink-0"
|
|
onCheckedChange={(state) => onChange?.(state)}
|
|
checked={value}
|
|
/>
|
|
</div>
|
|
{description && (
|
|
<div className="line-clamp-2 min-h-8 system-xs-regular text-text-tertiary">
|
|
{description}
|
|
</div>
|
|
)}
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FeatureCard
|