wwf
2025-05-20 938c3e5a587ce950a94964ea509b9e7f8834dfae
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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="my-2 flex items-center gap-2"
  >
    <Divider {...rest} className={classNames('flex-1', className)} />
    <span className="text-xs text-text-tertiary">
      {label}
    </span>
    <Divider {...rest} className={classNames('flex-1', className)} />
  </div>
}
 
export default DividerWithLabel