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
};