import styled from "styled-components";
import { currentTheme } from "../../theme";
export const Header = styled.header(({ fixed }) => `
    position: ${fixed ? "fixed" : "relative"};
    width: 100%;
    height: 76px;
    z-index: 98;

    background: ${currentTheme.navigation.appBackgroundColor};
    box-shadow: ${currentTheme.navigation.boxShadow};
    border-radius: ${currentTheme.navigation.borderRadius};
    border: 1px solid ${currentTheme.navigation.borderColor};

    /*
    @media (max-width: 1023px) {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: unset;

      border: unset;

      max-width: unset;
      width: 100%;
      z-index: 150;
    }
    */
  `);
export const Inner = styled.div `
  width: calc(100% - 32px * 2);
  max-width: 1224px;
  height: 100%;
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
`;
export const HeaderPart = styled.ul `
  display: flex;
  align-items: center;
  list-style: none;

  margin: 0;
  padding: 0;
`;
//# sourceMappingURL=styled.js.map