'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 `
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: ${index.getSpacing('s04', 's05')};

  font-weight: ${(props) => props.theme.font.weightExtrabold};
  ${index.getFontSize('size16')};
  color: ${index.getColorAlias('contentDefault')};
`;
const MonthYear = styled__default['default'].h2.withConfig({
    shouldForwardProp: index.convertToTransientProps(['isLeft']),
}) `
  justify-content: center;
  align-items: center;
  ${index.getFontSize('size16')};
  margin-left: ${({ isLeft }) => (isLeft ? '45px' : 0)};
  margin-right: ${(isLeft) => (isLeft ? 0 : '30px')};
`;
const ButtonsWrapper = styled__default['default'].div `
  display: flex;
  align-items: center;
`;
const RangeButtonsWrapper = styled__default['default'].div `
  display: flex;
  grid-template-columns: 50% 50%;
  align-items: center;
`;

exports.ButtonsWrapper = ButtonsWrapper;
exports.MonthYear = MonthYear;
exports.RangeButtonsWrapper = RangeButtonsWrapper;
exports.Wrapper = Wrapper;
