CoastalCommitsPastes/client/components/settings-group/index.tsx
2022-11-09 18:38:05 -08:00

21 lines
486 B
TypeScript

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>
<Fieldset.Content>
<Text h4>{title}</Text>
</Fieldset.Content>
<Divider />
<Fieldset.Content className={styles.content}>{children}</Fieldset.Content>
</Fieldset>
)
}
export default SettingsGroup