mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-28 09:09:03 +08:00

Signed-off-by: -LAN- <laipz8200@outlook.com> Co-authored-by: -LAN- <laipz8200@outlook.com>
24 lines
652 B
TypeScript
24 lines
652 B
TypeScript
import type { FC } from 'react'
|
|
import type { DividerProps } from '.'
|
|
import Divider from '.'
|
|
import classNames from '@/utils/classnames'
|
|
|
|
export type DividerWithLabelProps = DividerProps & {
|
|
label: string
|
|
}
|
|
|
|
export const DividerWithLabel: FC<DividerWithLabelProps> = (props) => {
|
|
const { label, className, ...rest } = props
|
|
return <div
|
|
className="flex items-center gap-2 my-2"
|
|
>
|
|
<Divider {...rest} className={classNames('flex-1', className)} />
|
|
<span className="text-text-tertiary text-xs">
|
|
{label}
|
|
</span>
|
|
<Divider {...rest} className={classNames('flex-1', className)} />
|
|
</div>
|
|
}
|
|
|
|
export default DividerWithLabel
|