/**
 * 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};
  }
`;