From d60b9a7af66e7cc600a34c1d4466a0faac40266e Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Mon, 27 Aug 2018 18:07:56 +0200
Subject: [PATCH] Improved Paragraph layout component

---
 src/components/layout/Paragraph/index.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js
index af994e37..7792e774 100644
--- a/src/components/layout/Paragraph/index.js
+++ b/src/components/layout/Paragraph/index.js
@@ -12,17 +12,18 @@ type Props = {
   size?: 'sm' | 'md' | 'lg' | 'xl',
   color?: 'soft' | 'medium' | 'dark' | 'primary',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
-  children: React$Node
+  children: React$Node,
+  className?: string,
 }
 
 class Paragraph extends React.PureComponent<Props> {
   render() {
     const {
-      bold, children, color, align, size, transform, noMargin, ...props
+      bold, children, color, align, size, transform, noMargin, className, ...props
     } = this.props
 
     return (
-      <p className={cx(styles.paragraph, { bold }, { noMargin }, size, transform, align)} {...props}>
+      <p className={cx(styles.paragraph, className, { bold }, { noMargin }, size, transform, align)} {...props}>
         { children }
       </p>
     )