33 lines
709 B
TypeScript
33 lines
709 B
TypeScript
import React from 'react'
|
|
import * as RadixSelect from '@radix-ui/react-select'
|
|
|
|
import styles from './index.module.scss'
|
|
|
|
// Props
|
|
interface Props {
|
|
label?: string
|
|
separator?: boolean
|
|
children?: React.ReactNode
|
|
}
|
|
|
|
const defaultProps = {
|
|
separator: true,
|
|
}
|
|
|
|
const SelectGroup = (props: Props) => {
|
|
return (
|
|
<React.Fragment>
|
|
<RadixSelect.Group className={styles.group}>
|
|
<RadixSelect.Label className={styles.label}>
|
|
{props.label}
|
|
<RadixSelect.Separator className={styles.separator} />
|
|
</RadixSelect.Label>
|
|
{props.children}
|
|
</RadixSelect.Group>
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
|
|
SelectGroup.defaultProps = defaultProps
|
|
|
|
export default SelectGroup
|