From f94174f7bfce91adbcf714ca50b47c6353e4d4c1 Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Fri, 9 Mar 2018 08:48:49 +0530
Subject: [PATCH] Add closedReason subcomponent to show similar text in
 multiple parent components

---
 src/Components/ClosedReason/Component.tsx | 26 +++++++++++++++++++++++
 src/Components/ClosedReason/index.tsx     |  1 +
 2 files changed, 27 insertions(+)
 create mode 100644 src/Components/ClosedReason/Component.tsx
 create mode 100644 src/Components/ClosedReason/index.tsx

diff --git a/src/Components/ClosedReason/Component.tsx b/src/Components/ClosedReason/Component.tsx
new file mode 100644
index 0000000..f5d53bc
--- /dev/null
+++ b/src/Components/ClosedReason/Component.tsx
@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { Holiday } from '../../Data/index';
+
+type ObjectWithHoliday = { holiday: Holiday };
+
+export class ClosedReason extends React.Component<ObjectWithHoliday, {}> {
+    holiday: Holiday;
+
+    constructor(props: ObjectWithHoliday) {
+        super(props);
+        this.holiday = props.holiday;
+    }
+
+    render() {
+        return (
+            <div className="answerReason">
+                <div className="holidayPrefixText">
+                    Closed due to
+                        </div>
+                <div className="holidayName">
+                    {this.holiday.Description}
+                </div>
+            </div>
+        );
+    }
+}
\ No newline at end of file
diff --git a/src/Components/ClosedReason/index.tsx b/src/Components/ClosedReason/index.tsx
new file mode 100644
index 0000000..acf137e
--- /dev/null
+++ b/src/Components/ClosedReason/index.tsx
@@ -0,0 +1 @@
+export { ClosedReason } from './Component';
\ No newline at end of file