'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 DaysOfWeek = styled__default['default'].div.withConfig({
    shouldForwardProp: index.convertToTransientProps(['scrollBarWidth', 'narrow']),
}) `
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: ${(props) => props.narrow ? index.getSpacing('s00') : index.getSpacing('s00', 's04')};
  overflow: hidden;
  padding-bottom: ${(props) => index.getSpacing(props.narrow ? 's02' : 's00')};
  border-bottom: ${(props) => props.narrow ? `1px solid ${index.getColorAlias('dividerDefault')}` : 'none'};
  padding-right: ${(props) => props.scrollBarWidth ? props.scrollBarWidth + 1 : 0}px;
`;
const DayName = styled__default['default'].span `
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  ${index.getFontSize('size14')};
  font-weight: ${(props) => props.theme.font.weightRegular};
  color: ${index.getColorAlias('contentDisabled')};
  margin: ${index.getSpacing('s00', 's02')};
`;

exports.DayName = DayName;
exports.DaysOfWeek = DaysOfWeek;
