'use strict';

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

var styled = require('styled-components');
var index = require('../../../../utils/index.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const Wrapper = styled__default['default'].div.withConfig({
    shouldForwardProp: index.convertToTransientProps(['narrow']),
}) `
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: ${(props) => index.getSpacing(props.narrow ? 's04' : 's00', 's04', 's04')};
  border-top: ${(props) => props.narrow ? `1px solid rgba(0, 0, 0, 0.08)` : 'none'};
`;

exports.Wrapper = Wrapper;
