初始化

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
24
25
import classNames from '@/utils/classnames'
import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react'
 
export type GroupLabelProps = ComponentProps<'div'>
 
export const GroupLabel: FC<GroupLabelProps> = (props) => {
  const { children, className, ...rest } = props
  return <div {...rest} className={classNames('mb-1 system-2xs-medium-uppercase text-text-tertiary', className)}>
    {children}
  </div>
}
 
export type GroupProps = PropsWithChildren<{
  label: ReactNode
}>
 
export const Group: FC<GroupProps> = (props) => {
  const { children, label } = props
  return <div className={classNames('py-1')}>
    {label}
    <div className='space-y-0.5'>
      {children}
    </div>
  </div>
}