Files
wallet/styled-system/patterns/vstack.mjs
2023-08-16 08:23:27 +00:00

20 lines
517 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))
vstack.raw = (styles) => styles