From 3e8500d466b641ef34c24f8b0de8163a44ba7a9e Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 22:17:18 -0800
Subject: refactoring css

---
 frontend/src/components/Inputs/shared.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 frontend/src/components/Inputs/shared.js

(limited to 'frontend/src/components/Inputs/shared.js')

diff --git a/frontend/src/components/Inputs/shared.js b/frontend/src/components/Inputs/shared.js
new file mode 100644
index 0000000..18ba164
--- /dev/null
+++ b/frontend/src/components/Inputs/shared.js
@@ -0,0 +1,25 @@
+import styled from "styled-components";
+import React from "react";
+import FloatingLabel from "../decorators/FloatingLabel";
+
+export const RelPositioning = styled.div`
+    position: relative; 
+    height: calc(100% - 4em);
+`
+
+export const FlexChild = styled.div`
+    display: block;
+    margin-left: 2em;
+`
+
+export const Labelled = ({label, value, children}) => {
+  console.log(children)
+  return (<FlexChild>
+    <RelPositioning>
+      <FloatingLabel label={label} value={value} >
+        <span>{label}</span>
+        {children}
+      </FloatingLabel>
+    </RelPositioning>
+  </FlexChild>)
+}
\ No newline at end of file
-- 
cgit v1.2.3