"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledPaper = exports.ButtonWrapper = exports.ConfirmButton = void 0;
const Button_1 = require("../Button");
const Paper_1 = require("../Paper");
const styled_1 = require("../styled");
const colors_1 = require("../utils/colors");
exports.ConfirmButton = (0, styled_1.styled)(Button_1.Button) `
  width: 100%;
`;
exports.ButtonWrapper = styled_1.styled.div `
  padding: ${({ theme }) => theme.spacing(4)};
  
  box-shadow: 0 -1px 10px 0 ${({ theme }) => (0, colors_1.rgba)(theme.palette.grey[900], 0.1)};
`;
exports.StyledPaper = (0, styled_1.styled)(Paper_1.Paper) `
  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')} {
    padding: 0;

    border-radius: 0;
    box-shadow: none;
  }
`;
