import styled from 'styled-components';
import { Box } from '../../Box';
import { Page } from '../../PageLayout';
import { colors } from '../../_styles/colors';
import { spacing } from '../../_styles/spacing';
export var StyledPageHeader = /*#__PURE__*/styled(Page.Header).withConfig({
  displayName: "StyledPageHeader",
  componentId: "core-12_34_1__sc-1d5kop0-0"
})(["border-bottom:1px solid ", ";padding-top:", "px;", ""], colors.gray85, spacing.lg, function (p) {
  return p.$hasPaddingBottom && "padding-bottom: ".concat(spacing.lg, "px;");
});
export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
  displayName: "StyledActions",
  componentId: "core-12_34_1__sc-1d5kop0-1"
})(["width:fit-content;"]);
export var StyledToggleActionBox = /*#__PURE__*/styled(Box).withConfig({
  displayName: "StyledToggleActionBox",
  componentId: "core-12_34_1__sc-1d5kop0-2"
})(["bottom:", "px;position:relative;padding-left:48px;"], spacing.lg);
//# sourceMappingURL=PageHeaderTemplate.styles.js.map