"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledPaper = exports.HeaderWrapper = exports.CardHeader = exports.StyledDivider = exports.Wrapper = void 0;
const Divider_1 = require("../../Divider");
const Paper_1 = require("../../Paper");
const styled_1 = require("../../styled");
exports.Wrapper = styled_1.styled.div `
    display: flex;
    flex-direction: column;

    height: 100%;
    padding: ${({ theme }) => theme.spacing(4, 5)};

    ${({ theme }) => theme.breakpoints.down('sm')} {
        padding: ${({ theme }) => theme.spacing(5, 4)};
    }
`;
exports.StyledDivider = (0, styled_1.styled)(Divider_1.Divider) `
    margin: ${({ theme }) => theme.spacing(4, 0)}
`;
exports.CardHeader = styled_1.styled.div `
    display: flex;
    gap: ${({ theme }) => theme.spacing(1)};
    align-items: center;
    justify-content: space-between;
`;
exports.HeaderWrapper = styled_1.styled.div `
    overflow: hidden;
    flex: 1;
`;
exports.StyledPaper = (0, styled_1.styled)(Paper_1.Paper) `
    height: 100%;
`;
