"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledNextIcon = exports.StyledPreviousIcon = exports.PrevButton = void 0;
const Button_1 = require("../../../components/Button");
const styled_1 = require("../../../components/styled");
const ArrowLOutlineMd_1 = require("../../../icons/ArrowLOutlineMd");
const ArrowROutlineMd_1 = require("../../../icons/ArrowROutlineMd");
exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
  margin-right: auto;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    order: 1;

    height: 50px;
    margin-right: unset;
  }
`;
exports.StyledPreviousIcon = (0, styled_1.styled)(ArrowLOutlineMd_1.ArrowLOutlineMd) `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
exports.StyledNextIcon = (0, styled_1.styled)(ArrowROutlineMd_1.ArrowROutlineMd) `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
