"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.RangeWrapper = exports.Range = exports.PaginationWrapper = void 0;
const FormControl_1 = require("@mui/material/FormControl");
const styled_1 = require("../styled");
const Typography_1 = require("../Typography");
exports.PaginationWrapper = styled_1.styled.div `
  display: flex;
  align-items: center;
  justify-content: space-between;

  height: 47px;
  padding-top: ${({ theme }) => theme.spacing(4)};
`;
exports.Range = (0, styled_1.styled)(Typography_1.Typography) `
  color: ${({ theme }) => theme.palette.grey['700']};
`;
exports.RangeWrapper = styled_1.styled.div `
  display: flex;
  gap: ${({ theme }) => theme.spacing(3)};
  align-items: center;

  .${FormControl_1.formControlClasses.root} {
    flex-direction: unset;
  }
`;
