20 lines
437 B
TypeScript
20 lines
437 B
TypeScript
import type { ReactNode } from "react";
|
|
import { Card, Divider, Stack, Title } from "@mantine/core";
|
|
|
|
interface SectionCardProps {
|
|
title: ReactNode;
|
|
children: ReactNode;
|
|
}
|
|
|
|
export const SectionCard = ({ title, children }: SectionCardProps) => {
|
|
return (
|
|
<Card withBorder bg="transparent">
|
|
<Stack gap="md">
|
|
<Title order={3}>{title}</Title>
|
|
<Divider />
|
|
{children}
|
|
</Stack>
|
|
</Card>
|
|
);
|
|
};
|