From a1d00c1f90e35f2fb3e33cd51cc30b5e6a44f6ac Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Mon, 11 May 2020 23:15:07 -0700
Subject: fmt info component

---
 frontend/src/components/PasteInfo.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 frontend/src/components/PasteInfo.js

(limited to 'frontend/src/components/PasteInfo.js')

diff --git a/frontend/src/components/PasteInfo.js b/frontend/src/components/PasteInfo.js
new file mode 100644
index 0000000..b27cd53
--- /dev/null
+++ b/frontend/src/components/PasteInfo.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import styled from 'styled-components'
+
+const Bold = styled.span`
+    font-weight: 700
+`
+
+const FloatLeft = styled.p`
+    float: left;
+    display: inline-block;
+    margin: 0;
+`
+const FloatRight = styled.p`
+    float: right;
+    display: inline-block;
+    margin: 0;
+    margin-right: -1em;
+`
+
+const PasteInfo = (props) => {
+    return (
+        <div>
+            <FloatLeft><Bold>mode:&nbsp;</Bold>{props.mode}</FloatLeft>
+            <FloatRight><Bold>expires:&nbsp;</Bold>{props.expiry}</FloatRight>
+        </div>
+    );
+}
+
+export default PasteInfo
\ No newline at end of file
-- 
cgit v1.2.3