From 9ddd5a12f16b9d3368ffdebcd0337a15da848ca2 Mon Sep 17 00:00:00 2001
From: Dimitar Danailov <dimityr.danailov@gmail.com>
Date: Thu, 23 May 2024 06:20:09 +0300
Subject: [PATCH] PageHeaderCointainer is a reusable component

---
 .../Components/PageHeaderContainer.tsx        | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/apps/website/src/app/demos/dashboard-trade/Components/PageHeaderContainer.tsx b/apps/website/src/app/demos/dashboard-trade/Components/PageHeaderContainer.tsx
index 95b7b82..5a4707b 100644
--- a/apps/website/src/app/demos/dashboard-trade/Components/PageHeaderContainer.tsx
+++ b/apps/website/src/app/demos/dashboard-trade/Components/PageHeaderContainer.tsx
@@ -1 +1,33 @@
 'use client'
+
+import styled from 'styled-components'
+
+import BasicButton from '@/styled-components/Buttons/BasicButton'
+
+const Wrapper = styled.div`
+  position: relative;
+
+  display: flex;
+  flex-direction: row;
+  flex-direction: center;
+  justify-content: space-end;
+  align-items: center;
+  width: 100%;
+  margin: 0 auto;
+`
+
+const StyledButton = styled(BasicButton)`
+  margin-left: auto;
+`
+
+const PageHeaderContainer = () => {
+  return (
+    <Wrapper>
+      <StyledButton type="button" fontSize="1.2rem" padding="1rem 2rem">
+        Refresh
+      </StyledButton>
+    </Wrapper>
+  )
+}
+
+export default PageHeaderContainer