bazarr/frontend/src/pages/Settings/components/Section.tsx

24 lines
483 B
TypeScript

import { Divider, Stack, Title } from "@mantine/core";
import { FunctionComponent, PropsWithChildren } from "react";
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>
);
};