import { cnb } from "cnbuilder";
import { button } from "../button/buttonStyles.js";
import { cssUtils } from "../cssUtils.js";
import { bem } from "../utils/bem.js";
const styles = bem("rmd-nav-item");
/**
 * @since 6.0.0
 */ export function navItem(options = {}) {
    const { className } = options;
    return cnb(styles(), className);
}
/**
 * @since 6.0.0
 */ export function navItemContent(options = {}) {
    const { className } = options;
    return cnb(styles("content"), className);
}
/**
 * @since 6.0.0
 */ export function navItemLink(options = {}) {
    const { active, activeClassName = cssUtils({
        fontWeight: "bold"
    }), className } = options;
    return cnb(navItemContent(), styles("link", {
        active
    }), button(), cssUtils({
        textDecoration: "none"
    }), active && activeClassName, className);
}

//# sourceMappingURL=navItemStyles.js.map