import { DoubleNextOutlineMd } from '../../../../../icons/DoubleNextOutlineMd';
import { NextOutlineMd } from '../../../../../icons/NextOutlineMd';
import { StaticCalendarButton } from '../../../../StaticCalendar';
import { styled } from '../../../../styled';
import { CalendarGridPositions } from '../../enums/calendarGridPositions';
export const Wrapper = styled(StaticCalendarButton) `
  grid-area: ${CalendarGridPositions.Next};

  width: 32px;

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