"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PickerSplitter = exports.StyledPaper = exports.StyledDatePickerInput = void 0;
const FormHelperText_1 = require("@mui/material/FormHelperText");
const DatePickerInput_1 = require("../DatePicker/DatePickerInput");
const Paper_1 = require("../Paper");
const styled_1 = require("../styled");
exports.StyledDatePickerInput = (0, styled_1.styled)(DatePickerInput_1.DatePickerInput) `
  .${FormHelperText_1.formHelperTextClasses.root} {
    display: none;
  }
`;
exports.StyledPaper = (0, styled_1.styled)(Paper_1.Paper) `
  display: flex;

  padding: ${({ theme }) => theme.spacing(3, 4)};

  background-color: ${({ theme }) => theme.palette.background.default};
  border-radius: ${({ theme }) => theme.shape.medium};
  box-shadow: ${({ theme }) => theme.elevation[200]};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: unset;
    
    padding: 0;

    border-radius: 0;
    box-shadow: none;
  }
`;
exports.PickerSplitter = styled_1.styled.div `
  margin: ${({ theme }) => theme.spacing(-3, 4)};

  border-left: 1px solid
    ${({ theme }) => theme.palette.components.border.default};
`;
