Files
ebiz-dify-ai/web/app/components/app/configuration/base/group-name/index.tsx
2023-05-15 08:51:32 +08:00

24 lines
539 B
TypeScript

'use client'
import React, { FC } from 'react'
export interface IGroupNameProps {
name: string
}
const GroupName: FC<IGroupNameProps> = ({
name
}) => {
return (
<div className='flex items-center mb-1'>
<div className='mr-3 leading-[18px] text-xs font-semibold text-gray-500 uppercase'>{name}</div>
<div className='grow h-[1px]'
style={{
background: 'linear-gradient(270deg, rgba(243, 244, 246, 0) 0%, #F3F4F6 100%)',
}}
></div>
</div>
)
}
export default React.memo(GroupName)