/* This Source Code Form is subject to the terms of the Mozilla Public
 * License. v. 2.0. If a copy of the MPL was not distributed with this file.
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

import styled from 'styled-components'
import { ParagraphProps } from './index'
import { setTheme } from '../../helpers'

const StyledParagraph = styled.p`
  box-sizing: border-box;
  font-family: ${(p: ParagraphProps) => setTheme(p.customStyle, 'fontFamily') || 'inherit'};
  font-size: ${(p: ParagraphProps) => setTheme(p.customStyle, 'fontSize') || '13px'};
  color: ${(p: ParagraphProps) => setTheme(p.customStyle, 'color') || 'inherit'};
  font-weight: ${(p: ParagraphProps) => setTheme(p.customStyle, 'fontWeight') || 'normal'};
  font-style: ${(p: ParagraphProps) => setTheme(p.customStyle, 'fontStyle') || 'inherit'};
  margin: ${(p: ParagraphProps) => setTheme(p.customStyle, 'margin') || '0 0 20px'};
  line-height: ${(p: ParagraphProps) => setTheme(p.customStyle, 'lineHeight') || '1.4'};
  text-align: ${(p: ParagraphProps) => setTheme(p.customStyle, 'textAlign')};
  padding: 0;
  -webkit-font-smoothing: antialiased;
  background: transparent;
` as any

export default StyledParagraph