import { cnb } from "cnbuilder";
import { bem } from "../utils/bem.js";
const styles = bem("rmd-sheet");
/** @remarks \@since 6.0.0 */ export function sheet(options) {
    const { position = "left", horizontalSize = "media", verticalSize = "recommended", offscreen = false, disableOverlay, className } = options;
    const horizontal = position === "left" || position === "right";
    return cnb(styles({
        horizontal,
        vertical: !horizontal,
        raised: !disableOverlay,
        offscreen,
        [position]: true,
        "media-width": horizontal && horizontalSize === "media",
        "touch-width": horizontal && horizontalSize === "touch",
        "static-width": horizontal && horizontalSize === "static",
        "viewport-height": !horizontal && verticalSize === "none",
        "touchable-height": !horizontal && verticalSize === "touch",
        "recommended-height": !horizontal && verticalSize === "recommended"
    }), className);
}

//# sourceMappingURL=styles.js.map