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

  width: 32px;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    padding: 0;
  }
`;
export const PrevIcon = styled(PreviousOutlineMd) `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    width: 24px;
    height: 24px;
  }
`;
export const Container = styled.div `
  display: flex;
  grid-area: ${CalendarGridPositions.Prev};
`;
export const DoublePrevIcon = PrevIcon.withComponent(DoublePreviousOutlineMd);
