From 597c57cdd4854f03c07180e817df83d3f65a673d Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Thu, 1 Jun 2017 20:09:45 +0300
Subject: [PATCH] CloseIcon

---
 src/components/CloseIcon/CloseIcon.css |  5 ++++
 src/components/CloseIcon/CloseIcon.js  | 38 ++++++++++++++++++++++++++
 src/components/index.js                |  2 ++
 3 files changed, 45 insertions(+)
 create mode 100644 src/components/CloseIcon/CloseIcon.css
 create mode 100644 src/components/CloseIcon/CloseIcon.js

diff --git a/src/components/CloseIcon/CloseIcon.css b/src/components/CloseIcon/CloseIcon.css
new file mode 100644
index 00000000..e4c9f474
--- /dev/null
+++ b/src/components/CloseIcon/CloseIcon.css
@@ -0,0 +1,5 @@
+@import '../../marketplace.css';
+
+.root {
+  stroke: var(--matterColor);
+}
diff --git a/src/components/CloseIcon/CloseIcon.js b/src/components/CloseIcon/CloseIcon.js
new file mode 100644
index 00000000..ea0dc44d
--- /dev/null
+++ b/src/components/CloseIcon/CloseIcon.js
@@ -0,0 +1,38 @@
+import React, { PropTypes } from 'react';
+import classNames from 'classnames';
+
+import css from './CloseIcon.css';
+
+const CloseIcon = props => {
+  const { className, rootClassName } = props;
+  const classes = classNames(rootClassName || css.root, className);
+
+  return (
+    <svg
+      className={classes}
+      width="12"
+      height="12"
+      viewBox="0 0 12 12"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g transform="translate(-1 -1)" fillRule="evenodd">
+        <rect transform="rotate(45 7 7)" x="-1" y="6" width="16" height="2" rx="1" />
+        <rect transform="rotate(-45 7 7)" x="-1" y="6" width="16" height="2" rx="1" />
+      </g>
+    </svg>
+  );
+};
+
+const { string } = PropTypes;
+
+CloseIcon.defaultProps = {
+  className: null,
+  rootClassName: null,
+};
+
+CloseIcon.propTypes = {
+  className: string,
+  rootClassName: string,
+};
+
+export default CloseIcon;
diff --git a/src/components/index.js b/src/components/index.js
index 667aa366..ae6c69cc 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -4,6 +4,7 @@ import Avatar from './Avatar/Avatar';
 import BirthdayInput from './BirthdayInput/BirthdayInput';
 import BookingInfo from './BookingInfo/BookingInfo';
 import Button, { FlatButton, InlineButton } from './Button/Button';
+import CloseIcon from './CloseIcon/CloseIcon';
 import CurrencyInput from './CurrencyInput/CurrencyInput';
 import DateInput from './DateInput/DateInput';
 import Discussion from './Discussion/Discussion';
@@ -53,6 +54,7 @@ export {
   BirthdayInput,
   BookingInfo,
   Button,
+  CloseIcon,
   CurrencyInput,
   DateInput,
   Discussion,