components title.tsx

0% Statements 0/11

0% Branches 0/4

0% Functions 0/1

0% Lines 0/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
 
import { createStyleFor } from "src/helpers/styles";
 
export const styleFor = createStyleFor({
	title: {
		fontSize: "4rem",
	},
});
 
/** @private */
type Props = React.HTMLAttributes<HTMLHeadingElement>;
 
export default function Title({
	children,
	style = {},
	className = "",
	...props
}: Props): JSX.Element {
	return (
		<h1
			{...props}
			style={{ ...styleFor.title, ...style }}
			className={"lead text-center " + className}
		>
			{children}
		</h1>
	);
}