Initial Commit

src/components/table-screen-header/style.tsx

@@ -0,0 +1,37 @@
+/**
+ * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
+ */
+import * as styled from 'styled-components';
+import Theme from 'theme';
+
+const {colors} = Theme;
+
+export const ScreenHeader = styled.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  flex-wrap: wrap;
+  width: 100%;
+  margin: 0 0 .5rem;
+`;
+
+export const ScreenHeaderControls = styled.default.div`
+  display: flex;
+  align-items: center;
+`;
+
+export const HeaderControlWrapper = styled.default.div`
+  margin-left: 12px;
+`;
+
+export const HeaderTitle = styled.default.div`
+  display: flex;
+  align-items: baseline;
+  h2 {
+    color: ${colors.white};
+    margin: 0 .5rem 0 0;
+  }
+  p {
+    color: ${colors.gray200};
+  }
+`;