mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-06-30 00:45:10 +08:00

Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
27 lines
512 B
TypeScript
27 lines
512 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
|
|
type Props = {
|
|
label: string
|
|
children: React.ReactNode
|
|
}
|
|
|
|
const Field: FC<Props> = ({
|
|
label,
|
|
children,
|
|
}) => {
|
|
return (
|
|
<div className='flex items-start space-x-2'>
|
|
<div className='system-xs-medium w-[128px] shrink-0 items-center truncate py-1 text-text-tertiary'>
|
|
{label}
|
|
</div>
|
|
<div className='w-[244px] shrink-0'>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default React.memo(Field)
|