"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledBottomDrawer = exports.Title = exports.Wrapper = void 0;
const BottomDrawer_1 = require("../BottomDrawer");
const styled_1 = require("../styled");
const Typography_1 = require("../Typography");
const constants_1 = require("./constants");
exports.Wrapper = styled_1.styled.ul `
  display: flex;
  flex-direction: column;

  width: ${constants_1.LIST_WIDTH};
  margin: 0;
  padding: ${({ theme }) => theme.spacing(0)};

  list-style-type: none;
  ${({ theme }) => theme.breakpoints.down('sm')} {
    width: unset;
  }
`;
exports.Title = (0, styled_1.styled)(Typography_1.Typography) `
  padding: ${({ theme }) => theme.spacing(2, 4)};
`;
exports.StyledBottomDrawer = (0, styled_1.styled)(BottomDrawer_1.BottomDrawer) `
  ${({ theme }) => theme.breakpoints.up('sm')} {
    display: none;
  }
`;
