Clean up components

2020-10-10 18:13:28 +03:00
parent 3b2ca4f26c
commit 6531fd1daa
19 changed files with 157 additions and 342 deletions
@@ -0,0 +1,36 @@
+import React from "react";
+import styled from "styled-components";
+import { colors } from "@theme/colors";
+
+interface DropDownBoxProps {
+  onMouseEnter: () => void;
+  onMouseLeave: () => void;
+  visible: boolean;
+}
+
+const Box = styled.div`
+  background-color: ${colors.white};
+  margin-top: 0.8rem;
+  position: absolute;
+  left: 0;
+  top: 30px;
+  z-index: 20;
+
+  a {
+    text-decoration: underline;
+    color: ${colors.darkBlue} !important;
+    text-transform: uppercase;
+  }
+`;
+
+const DropDownBox: React.FC<DropDownBoxProps> = ({ children, onMouseEnter, onMouseLeave, visible }) => (
+  <Box
+    onMouseEnter={onMouseEnter}
+    onMouseLeave={onMouseLeave}
+    hidden={!visible}
+  >
+    {children}
+  </Box>
+);
+
+export default DropDownBox;