"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DoubleNextIcon = exports.Container = exports.NextIcon = exports.Wrapper = void 0;
const DoubleNextOutlineMd_1 = require("../../../../../icons/DoubleNextOutlineMd");
const NextOutlineMd_1 = require("../../../../../icons/NextOutlineMd");
const StaticCalendar_1 = require("../../../../StaticCalendar");
const styled_1 = require("../../../../styled");
const calendarGridPositions_1 = require("../../enums/calendarGridPositions");
exports.Wrapper = (0, styled_1.styled)(StaticCalendar_1.StaticCalendarButton) `
  grid-area: ${calendarGridPositions_1.CalendarGridPositions.Next};

  width: 32px;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    padding: 0;
  }
`;
exports.NextIcon = (0, styled_1.styled)(NextOutlineMd_1.NextOutlineMd) `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    width: 24px;
    height: 24px;
  }
`;
exports.Container = styled_1.styled.div `
  display: flex;
  grid-area: ${calendarGridPositions_1.CalendarGridPositions.Next};
  gap: ${({ theme }) => theme.spacing(1)};
`;
exports.DoubleNextIcon = exports.NextIcon.withComponent(DoubleNextOutlineMd_1.DoubleNextOutlineMd);
