From aa01c07f259a0982ede55bdfca74de22d40a7752 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Thu, 3 Feb 2022 00:04:20 +0300
Subject: [PATCH] create container component

---
 src/components/Container/index.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/components/Container/index.tsx

diff --git a/src/components/Container/index.tsx b/src/components/Container/index.tsx
new file mode 100644
index 0000000..9dd9875
--- /dev/null
+++ b/src/components/Container/index.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import styled from "styled-components";
+
+interface ContainerProps {
+  reverse?: boolean;
+}
+
+const StyledContainer = styled.div<{ reverse: boolean }>`
+  display: flex;
+  justify-content: space-between;
+  gap: 50px;
+  align-items: center;
+  width: 75%;
+  margin: 40px auto;
+  flex-direction: ${({ reverse }) => reverse && 'row-reverse'};
+  line-height: 1.2;
+`;
+
+export const Container: React.FC<ContainerProps> = ({ children, reverse = false }) => {
+  return <StyledContainer reverse={reverse}>{children}</StyledContainer>;
+};