import { StaticDaysCalendar } from '../../../StaticCalendar';
import { styled } from '../../../styled';
import { ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID } from '../../constants';
import { CalendarGridPositions } from '../enums/calendarGridPositions';
export const StaticDaysCalendarWrapper = styled(StaticDaysCalendar) `
  grid-area: ${CalendarGridPositions.Body};
`;
export const DateCalendarGridLarge = styled('article') `
  display: grid;
  grid-area: ${CalendarGridPositions.Body};
  grid-template-columns: repeat(${ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID}, 1fr);
`;
