You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Drift/client/app/components/settings-group/index.tsx

23 lines
515 B
TypeScript

'use client';
import { Fieldset, Text, Divider } from "@geist-ui/core/dist"
import styles from "./settings-group.module.css"
type Props = {
title: string
children: React.ReactNode | React.ReactNode[]
}
const SettingsGroup = ({ title, children }: Props) => {
return (
<Fieldset width={'100%'}>
<Fieldset.Content>
<Text h4>{title}</Text>
</Fieldset.Content>
<Divider />
<Fieldset.Content className={styles.content}>{children}</Fieldset.Content>
</Fieldset>
)
}
export default SettingsGroup