17 lines
458 B
JavaScript
17 lines
458 B
JavaScript
import { mapObject } from '../helpers.mjs';
|
|
import { css } from '../css/index.mjs';
|
|
|
|
const centerConfig = {
|
|
transform(props) {
|
|
const { inline, ...rest } = props;
|
|
return {
|
|
display: inline ? "inline-flex" : "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
...rest
|
|
};
|
|
}}
|
|
|
|
export const getCenterStyle = (styles = {}) => centerConfig.transform(styles, { map: mapObject })
|
|
|
|
export const center = (styles) => css(getCenterStyle(styles)) |