"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Placeholder_1 = require("atoms/Placeholder");
const HeaderContent = view_container_1.styled.withComponent(Placeholder_1.TextPlaceholder) `
  margin-right: 24px;
`;
exports.HeaderContent = HeaderContent;
const HeaderToggleButton = view_container_1.styled.withComponent(Placeholder_1.RectanglePlaceholder) ``;
exports.HeaderToggleButton = HeaderToggleButton;
const Header = view_container_1.styled.div `
  display: flex;
  align-items: center;
  padding-bottom: rem(16);
  ${props => props.isExpanded &&
    view_container_1.styled.css `
      border-bottom: 1px solid #a6afc1;
    `};

  @phone-or-smaller() {
    justify-content: space-between;
  }
`;
exports.Header = Header;
//# sourceMappingURL=styled.js.map