33 lines
794 B
TypeScript
33 lines
794 B
TypeScript
import classNames from 'classnames'
|
|
import { ReactNode } from 'react'
|
|
|
|
import Text from 'components/common/Text'
|
|
|
|
interface Props {
|
|
label: string
|
|
description: string
|
|
className?: string
|
|
children: ReactNode | ReactNode[]
|
|
}
|
|
|
|
export default function SettingsOptions(props: Props) {
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
'mb-6 flex w-full items-start justify-between border-b border-white/5',
|
|
props.className,
|
|
)}
|
|
>
|
|
<div className='flex w-120 flex-wrap'>
|
|
<Text size='lg' className='mb-2 w-full'>
|
|
{props.label}
|
|
</Text>
|
|
<Text size='xs' className='text-white/50'>
|
|
{props.description}
|
|
</Text>
|
|
</div>
|
|
<div className='flex w-60 flex-wrap justify-end'>{props.children}</div>
|
|
</div>
|
|
)
|
|
}
|