PageHeaderCointainer is a reusable component

dimitardanailov · May 23, 2024 · 9ddd5a1 · 9ddd5a1
1 parent 9f4744d
commit 9ddd5a1
Showing 1 changed file with 32 additions and 0 deletions.
diff --git 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