17 lines
439 B
JavaScript
17 lines
439 B
JavaScript
import { mapObject } from '../helpers.mjs';
|
|
import { css } from '../css/index.mjs';
|
|
|
|
const containerConfig = {
|
|
transform(props) {
|
|
return {
|
|
position: "relative",
|
|
maxWidth: "8xl",
|
|
mx: "auto",
|
|
px: { base: "4", md: "6", lg: "8" },
|
|
...props
|
|
};
|
|
}}
|
|
|
|
export const getContainerStyle = (styles = {}) => containerConfig.transform(styles, { map: mapObject })
|
|
|
|
export const container = (styles) => css(getContainerStyle(styles)) |