'use strict';

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

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

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

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

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;
  font-size: ${index.getFontSize('size16')};
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
`;
const MonthSelector = styled__default['default'](index$1.Button) `
  svg {
    fill: ${index.getColorAlias('contentDefault')};
  }
  font-size: inherit;
`;
const YearSelector = styled__default['default'](index$1.Button) `
  svg {
    fill: ${index.getColorAlias('contentDefault')};
  }
  font-size: inherit;
`;
const SingleDateWrapper = styled__default['default'].div `
  display: flex;
  justify-content: space-between;
  align-items: center;

  font-weight: ${(props) => props.theme.font.weightExtrabold};
  ${index.getFontSize('size16')};
  color: ${index.getColorAlias('contentDefault')};
  padding: ${index.getSpacing('s03', 's05', 's03', 's05')};
`;

exports.ButtonsWrapper = ButtonsWrapper;
exports.MonthSelector = MonthSelector;
exports.RangeButtonsWrapper = RangeButtonsWrapper;
exports.SingleDateWrapper = SingleDateWrapper;
exports.YearSelector = YearSelector;
