You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
428 B
22 lines
428 B
2 years ago
|
import { Divider, Stack, Title } from "@mantine/core";
|
||
|
import { FunctionComponent } from "react";
|
||
|
|
||
|
interface SectionProps {
|
||
|
header: string;
|
||
|
hidden?: boolean;
|
||
|
}
|
||
|
|
||
|
export const Section: FunctionComponent<SectionProps> = ({
|
||
|
header,
|
||
|
hidden,
|
||
|
children,
|
||
|
}) => {
|
||
|
return (
|
||
|
<Stack hidden={hidden} spacing="xs" my="lg">
|
||
|
<Title order={4}>{header}</Title>
|
||
|
<Divider></Divider>
|
||
|
{children}
|
||
|
</Stack>
|
||
|
);
|
||
|
};
|