2021-02-04 15:56:41 +00:00
|
|
|
import styled, { css } from "styled-components";
|
|
|
|
|
|
|
|
import commonTextStyles from "../text/common-text-styles";
|
2021-02-25 21:19:45 +00:00
|
|
|
import Base from "../themes/base";
|
2021-02-04 15:56:41 +00:00
|
|
|
|
|
|
|
const fontSizeStyle = (props) => props.theme.heading.fontSize[props.size];
|
|
|
|
|
|
|
|
const styleCss = css`
|
|
|
|
font-size: ${(props) => fontSizeStyle(props)};
|
|
|
|
font-weight: ${(props) => props.theme.heading.fontWeight};
|
|
|
|
|
|
|
|
${(props) =>
|
|
|
|
props.isInline &&
|
|
|
|
css`
|
|
|
|
display: inline-block;
|
|
|
|
`}
|
|
|
|
`;
|
|
|
|
|
|
|
|
const StyledHeading = styled.h1`
|
|
|
|
${styleCss};
|
|
|
|
|
|
|
|
${commonTextStyles};
|
|
|
|
`;
|
|
|
|
|
|
|
|
StyledHeading.defaultProps = { theme: Base };
|
|
|
|
|
|
|
|
export default StyledHeading;
|