dify/web/app/components/plugins/reference-setting-modal/label.tsx
yyh af7d5e60b4
feat(ui): scaffold @langgenius/dify-ui and migrate design tokens (#35256)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-04-15 13:11:20 +00:00

29 lines
614 B
TypeScript

'use client'
import type { FC } from 'react'
import { cn } from '@langgenius/dify-ui/cn'
import * as React from 'react'
type Props = {
label: string
description?: string
}
const Label: FC<Props> = ({
label,
description,
}) => {
return (
<div>
<div className={cn('flex h-6 items-center', description && 'h-4')}>
<span className="system-sm-semibold text-text-secondary">{label}</span>
</div>
{description && (
<div className="mt-1 body-xs-regular text-text-tertiary">
{description}
</div>
)}
</div>
)
}
export default React.memo(Label)