import { cnb } from "cnbuilder";
import { bem } from "../utils/bem.js";
const styles = bem("rmd-box");
/**
 * @since 6.0.0
 */ export function box(options = {}) {
    const { className, align = "", grid = false, gridName = "", gridColumns = "fit", justify = "", stacked = false, reversed, fullWidth = false, disableWrap = false, disablePadding = false } = options;
    return cnb(styles({
        wrap: !disableWrap,
        padded: !disablePadding,
        column: stacked && !reversed,
        reverse: !stacked && reversed,
        "column-reverse": stacked && reversed,
        "full-width": fullWidth,
        grid,
        "grid-fill": gridColumns === "fill",
        "grid-columns": typeof gridColumns === "number",
        [gridName]: grid && gridName,
        "align-start": align === "start" || align === "flex-start",
        "align-center": align === "center",
        "align-end": align === "end" || align === "flex-end",
        "align-stretch": align === "stretch",
        "justify-center": justify === "center",
        "justify-start": justify === "start" || justify === "flex-start",
        "justify-end": justify === "end" || justify === "flex-end",
        "justify-stretch": justify === "stretch",
        "justify-around": justify === "space-around",
        "justify-between": justify === "space-between",
        "justify-evenly": justify === "space-evenly"
    }), className);
}

//# sourceMappingURL=styles.js.map