mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-08-27 21:20:57 +00:00
27 lines
594 B
TypeScript
27 lines
594 B
TypeScript
import { Group, Stack, Text, Title } from "@mantine/core";
|
|
import type { ReactNode } from "react";
|
|
|
|
export function PageHeader({
|
|
title,
|
|
description,
|
|
actions,
|
|
}: {
|
|
title: string;
|
|
description?: string;
|
|
actions?: ReactNode;
|
|
}) {
|
|
return (
|
|
<Group justify="space-between" align="flex-start" mb="lg" wrap="wrap">
|
|
<Stack gap={2}>
|
|
<Title order={2}>{title}</Title>
|
|
{description && (
|
|
<Text size="sm" c="dimmed">
|
|
{description}
|
|
</Text>
|
|
)}
|
|
</Stack>
|
|
{actions && <Group gap="sm">{actions}</Group>}
|
|
</Group>
|
|
);
|
|
}
|