mirror of
https://github.com/pocket-id/pocket-id.git
synced 2026-09-28 22:09:05 +02:00
25 lines
475 B
TypeScript
25 lines
475 B
TypeScript
import { Heading } from "react-email";
|
|
import { colors, fonts } from "./theme";
|
|
|
|
interface CardHeaderProps {
|
|
title: string;
|
|
}
|
|
|
|
export default function CardHeader({ title }: CardHeaderProps) {
|
|
return (
|
|
<Heading as="h1" style={titleStyle}>
|
|
{title}
|
|
</Heading>
|
|
);
|
|
}
|
|
|
|
const titleStyle = {
|
|
margin: "0 0 16px 0",
|
|
fontFamily: fonts.serif,
|
|
fontSize: "26px",
|
|
lineHeight: "32px",
|
|
fontWeight: 400,
|
|
letterSpacing: "-0.01em",
|
|
color: colors.foreground,
|
|
};
|