2021-02-04 15:55:24 +00:00
|
|
|
import styled, { css } from "styled-components";
|
|
|
|
import commonTextStyles from "./common-text-styles";
|
2021-02-25 21:19:45 +00:00
|
|
|
import Base from "../themes/base";
|
2021-02-04 15:55:24 +00:00
|
|
|
|
|
|
|
const styleCss = css`
|
|
|
|
font-size: ${(props) => props.fontSizeProp};
|
|
|
|
outline: 0 !important;
|
|
|
|
margin: 0;
|
|
|
|
font-weight: ${(props) =>
|
|
|
|
props.fontWeightProp
|
|
|
|
? props.fontWeightProp
|
|
|
|
: props.isBold == true
|
|
|
|
? 700
|
|
|
|
: props.theme.text.fontWeight};
|
|
|
|
|
|
|
|
${(props) =>
|
|
|
|
props.isItalic == true &&
|
|
|
|
css`
|
|
|
|
font-style: italic;
|
|
|
|
`}
|
|
|
|
${(props) =>
|
|
|
|
props.backgroundColor &&
|
|
|
|
css`
|
|
|
|
background-color: ${(props) => props.backgroundColor};
|
|
|
|
`}
|
|
|
|
${(props) =>
|
|
|
|
props.isInline
|
|
|
|
? css`
|
|
|
|
display: inline-block;
|
|
|
|
`
|
|
|
|
: props.display &&
|
|
|
|
css`
|
|
|
|
display: ${(props) => props.display};
|
|
|
|
`}
|
|
|
|
`;
|
|
|
|
const StyledText = styled.p`
|
|
|
|
${styleCss};
|
|
|
|
|
|
|
|
${commonTextStyles};
|
|
|
|
`;
|
|
|
|
|
|
|
|
StyledText.defaultProps = { theme: Base };
|
|
|
|
|
|
|
|
export default StyledText;
|