2019-12-23 12:37:36 +00:00
|
|
|
import styled from "styled-components";
|
2020-11-26 16:40:54 +00:00
|
|
|
import Heading from "@appserver/components/src/components/heading";
|
2019-12-20 08:38:37 +00:00
|
|
|
|
2019-12-23 12:37:36 +00:00
|
|
|
const size = {
|
|
|
|
header: "28px",
|
|
|
|
menu: "27px",
|
2020-10-16 12:38:04 +00:00
|
|
|
content: "21px",
|
2019-12-23 12:37:36 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
const weight = {
|
|
|
|
header: 600,
|
|
|
|
menu: "bold",
|
2020-10-16 12:38:04 +00:00
|
|
|
content: "bold",
|
2019-12-23 12:37:36 +00:00
|
|
|
};
|
2019-12-20 08:38:37 +00:00
|
|
|
|
|
|
|
const StyledHeading = styled(Heading)`
|
2019-12-23 12:37:36 +00:00
|
|
|
margin: 0;
|
|
|
|
line-height: 56px;
|
2020-10-16 12:38:04 +00:00
|
|
|
font-size: ${(props) => size[props.headlineType]};
|
|
|
|
font-weight: ${(props) => weight[props.headlineType]};
|
2019-12-20 08:38:37 +00:00
|
|
|
`;
|
|
|
|
|
2019-12-23 12:37:36 +00:00
|
|
|
export default StyledHeading;
|