'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _themeGet = require('../../../extensions/themeGet');

var _themeGet2 = _interopRequireDefault(_themeGet);

var _NavigationHeading = require('./NavigationHeading');

var _NavigationHeading2 = _interopRequireDefault(_NavigationHeading);

var _NavigationBar = require('./NavigationBar');

var _NavigationBar2 = _interopRequireDefault(_NavigationBar);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = _styledComponents2.default.div.withConfig({
  displayName: 'NavigationLogoPairWrapper'
})(['display:flex;flex-direction:row;color:inherit;& > ', '{border-left:', ' solid;border-left-color:', ';margin:auto;margin-left:0.5em;padding-left:0.5em;}', ' > &,', ' > &{& > ', '{border-left-color:', ';}}', ' > &,', ' > &,', ' > &{margin:auto ', ' auto 0;}'], _NavigationHeading2.default, (0, _themeGet2.default)('thicknesses.normal'), (0, _themeGet2.default)('colors.text.inverted'), _NavigationBar2.default.Light, _NavigationBar2.default.Sub, _NavigationHeading2.default, (0, _themeGet2.default)('colors.text.default'), _NavigationBar2.default, _NavigationBar2.default.Dark, _NavigationBar2.default.Sub, (0, _themeGet2.default)('spacing.small'));