"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Content = exports.Tint = exports.StyledDrawer = void 0;
const theme_1 = require("../../../theme");
const StyledDrawer = (0, theme_1.styled)("div", {
    position: "fixed",
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    background: "$background",
    zIndex: 1,
    transition: "transform 300ms",
    overflow: "auto",
});
exports.StyledDrawer = StyledDrawer;
const Tint = (0, theme_1.styled)("div", {
    position: "fixed",
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    background: "$text",
    opacity: 0,
    transition: "opacity 300ms",
    zIndex: 0,
});
exports.Tint = Tint;
const Content = (0, theme_1.styled)("div", {
    height: "100%",
});
exports.Content = Content;
//# sourceMappingURL=Drawer.styled.js.map