import { pxToRem, styled } from "../../../theme.js";
import { fnWithProps } from "../../../types/fnWithProps.js";
import { SectionContainer } from "./SectionContainer.js";
const SectionCmp = styled("div", {
    background: "$background",
    variants: {
        vertical: {
            true: {
                py: pxToRem(23),
            },
        },
        horizontal: {
            true: {
                px: pxToRem(23),
            },
        },
    },
});
const Section = fnWithProps(SectionCmp, {
    Container: SectionContainer,
});
export { Section };
//# sourceMappingURL=Section.js.map