chrone: sperate client and server to different repos.

src/containers/Drawers/components.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Icon, If, Money } from 'components';
+import moment from 'moment';
+
+export const TemplateHeader = ({ defaultLabels }) => (
+  <div className={'template__header'}>
+    <div className={'template__header--title'}>
+      <h1>{defaultLabels.name}</h1>
+      <p>info@bigcapital.ly </p>
+    </div>
+    <Icon icon="bigcapital" height={30} width={200} />
+  </div>
+);
+
+export const TemplateContent = ({
+  defaultLabels,
+  billedTo,
+  date,
+  referenceNo,
+  amount,
+  billedFrom,
+  dueDate,
+  currencyCode,
+}) => (
+  <div className="template__content">
+    <div className="template__content__info">
+      <span> {defaultLabels.billedTo} </span>
+      <p className={'info-paragraph'}>{billedTo}</p>
+    </div>
+    <div className="template__content__info">
+      <span> {defaultLabels.date} </span>
+      <p className={'info-paragraph'}>{moment(date).format('YYYY MMM DD')}</p>
+    </div>
+    <div className="template__content__info">
+      <span> {defaultLabels.refNo} </span>
+      <p className={'info-paragraph'}>{referenceNo}</p>
+    </div>
+    <div className="template__content__info">
+      <span> {defaultLabels.amount} </span>
+      <p className={'info-paragraph-amount'}>
+        {<Money amount={amount} currency={currencyCode} />}
+      </p>
+    </div>
+    <div className="template__content__info">
+      <span> {defaultLabels.billedFrom} </span>
+      <p className={'info-paragraph'}>{billedFrom}</p>
+    </div>
+    <div className="template__content__info">
+      <If condition={dueDate}>
+        <span> {defaultLabels.dueDate} </span>
+        <p className={'info-paragraph'}>
+          {moment(dueDate).format('YYYY MMM DD')}
+        </p>
+      </If>
+    </div>
+  </div>
+);