2019-12-20 08:38:37 +00:00
|
|
|
import React from "react";
|
2020-10-16 12:38:04 +00:00
|
|
|
import PropTypes from "prop-types";
|
2019-12-20 08:38:37 +00:00
|
|
|
import StyledHeading from "./StyledHeadline";
|
|
|
|
|
2020-10-16 12:38:04 +00:00
|
|
|
const Headline = ({ type, ...props }) => {
|
|
|
|
//console.log("Headline render");
|
2021-10-01 13:51:28 +00:00
|
|
|
return (
|
|
|
|
<StyledHeading
|
|
|
|
headlineType={type}
|
|
|
|
{...props}
|
|
|
|
className={`headline-heading ${props?.className}`}
|
|
|
|
/>
|
|
|
|
);
|
2019-12-20 08:38:37 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
Headline.propTypes = {
|
2020-10-16 12:38:04 +00:00
|
|
|
level: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),
|
|
|
|
children: PropTypes.any,
|
|
|
|
color: PropTypes.string,
|
|
|
|
title: PropTypes.string,
|
|
|
|
truncate: PropTypes.bool,
|
|
|
|
isInline: PropTypes.bool,
|
|
|
|
type: PropTypes.oneOf(["content", "header", "menu"]),
|
2019-12-20 08:38:37 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
Headline.defaultProps = {
|
2020-10-16 12:38:04 +00:00
|
|
|
title: null,
|
|
|
|
truncate: false,
|
|
|
|
isInline: false,
|
|
|
|
level: 1,
|
2019-12-20 08:38:37 +00:00
|
|
|
};
|
|
|
|
|
2020-10-16 12:38:04 +00:00
|
|
|
export default Headline;
|