import { cnb } from "cnbuilder";
import { cssUtils } from "../cssUtils.js";
import { bem } from "../utils/bem.js";
const styles = bem("rmd-chip");
/**
 * @remarks \@since 6.0.0
 */ export function chip(options = {}) {
    const { className, theme = "solid", pressed = false, disabled = false, selected = false, selectedThemed = false, selectedClassName, noninteractive = true, pressedClassName, leftAddon = false, rightAddon = false, backgroundColor } = options;
    return cnb(styles({
        themed: !disabled && selected && selectedThemed,
        selected: !disabled && selected && !selectedThemed,
        solid: theme === "solid",
        outline: theme === "outline",
        disabled,
        "left-addon": leftAddon,
        "right-addon": rightAddon,
        pressed
    }), selected && selectedClassName, pressedClassName, cssUtils({
        surface: !noninteractive,
        textColor: disabled ? "text-disabled" : undefined,
        backgroundColor
    }), className);
}
/**
 * @remarks \@since 6.0.0
 */ export function chipContent(options = {}) {
    const { className } = options;
    return cnb(styles("content"), className);
}

//# sourceMappingURL=styles.js.map