1 files changed, 25 insertions, 0 deletions
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