var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { selectors } from '@defencedigital/design-tokens';
import styled, { css } from 'styled-components';
import { StyledButton } from './StyledButton';
var color = selectors.color,
  mq = selectors.mq,
  spacing = selectors.spacing;
export var StyledFooter = styled.footer.withConfig({
  displayName: "StyledFooter",
  componentId: "sc-113k6h0-0"
})(["background-color:", ";display:flex;justify-content:", ";width:100%;padding:", ";flex-direction:column-reverse;border-top:1px solid ", ";", " + ", "{margin-bottom:", ";}", ""], color('neutral', 'white'), function (_ref) {
  var $hasTertiaryButton = _ref.$hasTertiaryButton;
  return $hasTertiaryButton ? 'space-between' : 'flex-end';
}, spacing('8'), color('neutral', '100'), StyledButton, StyledButton, spacing('4'), function (_ref2) {
  var $hasTertiaryButton = _ref2.$hasTertiaryButton;
  return mq({
    gte: 'xs'
  })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex-direction: row;\n\n      ", " + ", " {\n        margin-bottom: 0;\n      }\n\n      ", "\n  "])), StyledButton, StyledButton, $hasTertiaryButton && css(["", ":nth-child(2){margin-left:auto;}"], StyledButton));
});