aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/src/pages/Settings/components/Section.tsx
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>
  );
};