blob: 1e6a2e0b8a4597cf2a96528d66eb34c6c085f12c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
import { FunctionComponent, PropsWithChildren } from "react";
import { Divider, Stack, Title } from "@mantine/core";
interface SectionProps {
header: string;
hidden?: boolean;
}
type Props = PropsWithChildren<SectionProps>;
export const Section: FunctionComponent<Props> = ({
header,
hidden,
children,
}) => {
return (
<Stack hidden={hidden} gap="xs" my="lg">
<Title order={4}>{header}</Title>
<Divider></Divider>
{children}
</Stack>
);
};
|