"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const styled_1 = require("../../../styled");
const calendarGridPositions_1 = require("../enums/calendarGridPositions");
exports.Wrapper = styled_1.styled.div `
  display: grid;
  grid-gap: ${({ theme }) => theme.spacing(4)} 0;
  grid-template:
    '${calendarGridPositions_1.CalendarGridPositions.Prev} ${calendarGridPositions_1.CalendarGridPositions.Head} ${calendarGridPositions_1.CalendarGridPositions.Next}' auto
    '${calendarGridPositions_1.CalendarGridPositions.Body} ${calendarGridPositions_1.CalendarGridPositions.Body} ${calendarGridPositions_1.CalendarGridPositions.Body}' 1fr
    / auto 1fr auto;
  justify-items: center;  

  min-width: 280px;
  min-height: 256px;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    grid-column-gap: ${({ theme }) => theme.spacing(1)};
    grid-template:
      '${calendarGridPositions_1.CalendarGridPositions.Prev} ${calendarGridPositions_1.CalendarGridPositions.Head} ${calendarGridPositions_1.CalendarGridPositions.Next}' auto
      '${calendarGridPositions_1.CalendarGridPositions.Body} ${calendarGridPositions_1.CalendarGridPositions.Body} ${calendarGridPositions_1.CalendarGridPositions.Body}' 1fr
      / auto 1fr auto;

    height: 400px;
    padding: ${({ theme }) => theme.spacing(5, 7)};
  }
`;
