"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Section = void 0;
const theme_1 = require("../../../theme");
const fnWithProps_1 = require("../../../types/fnWithProps");
const SectionContainer_1 = require("./SectionContainer");
const SectionCmp = (0, theme_1.styled)("div", {
    background: "$background",
    variants: {
        vertical: {
            true: {
                py: (0, theme_1.pxToRem)(23),
            },
        },
        horizontal: {
            true: {
                px: (0, theme_1.pxToRem)(23),
            },
        },
    },
});
const Section = (0, fnWithProps_1.fnWithProps)(SectionCmp, {
    Container: SectionContainer_1.SectionContainer,
});
exports.Section = Section;
//# sourceMappingURL=Section.js.map