19 lines
485 B
JavaScript
19 lines
485 B
JavaScript
import { mapObject } from '../helpers.mjs';
|
|
import { css } from '../css/index.mjs';
|
|
|
|
const vstackConfig = {
|
|
transform(props) {
|
|
const { justify, gap = "10px", ...rest } = props;
|
|
return {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: justify,
|
|
gap,
|
|
flexDirection: "column",
|
|
...rest
|
|
};
|
|
}}
|
|
|
|
export const getVstackStyle = (styles = {}) => vstackConfig.transform(styles, { map: mapObject })
|
|
|
|
export const vstack = (styles) => css(getVstackStyle(styles)) |