import { cnb } from "cnbuilder";

import { cssUtils } from "../cssUtils.js";
import { bem } from "../utils/bem.js";
import { type ClearButtonVisibility } from "./types.js";

const styles = bem("rmd-autocomplete");

/**
 * @since 6.0.0
 */
export interface AutocompleteClassNameOptions {
  className?: string;

  loading?: boolean;
  inlineChips?: boolean;
  disableClearButton?: boolean;
  disableDropdownButton?: boolean;
}

/**
 * @since 6.0.0
 */
export function autocomplete(
  options: AutocompleteClassNameOptions = {}
): string {
  const {
    className,
    loading,
    inlineChips,
    disableClearButton,
    disableDropdownButton,
  } = options;

  return cnb(
    styles({
      cb: !disableClearButton,
      db: !disableDropdownButton,
      cp: loading,
      "inline-chips": inlineChips,
    }),
    className
  );
}

/**
 * @since 6.0.0
 */
export interface AutocompleteRightAddonClassNameOptions {
  className?: string;
}

/**
 * @since 6.0.0
 */
export function autocompleteRightAddon(
  options: AutocompleteRightAddonClassNameOptions = {}
): string {
  const { className } = options;

  return cnb(
    styles("right-addon"),
    cssUtils({ backgroundColor: "current-color" }),
    className
  );
}
/**
 * @since 6.0.0
 */
export interface AutocompleteDropdownButtonClassNameOptions {
  className?: string;
}

/**
 * @since 6.0.0
 */
export function autocompleteDropdownButton(
  options: AutocompleteDropdownButtonClassNameOptions = {}
): string {
  const { className } = options;

  return cnb(styles("dropdown-button"), className);
}

/**
 * @since 6.0.0
 */
export interface AutocompleteClearButtonClassNameOptions {
  className?: string;
  /** {@inheritDoc ClearButtonVisibility} */
  visibility?: ClearButtonVisibility;
}

/**
 * @since 6.0.0
 */
export function autocompleteClearButton(
  options: AutocompleteClearButtonClassNameOptions = {}
): string {
  const { className, visibility = "always" } = options;

  return cnb(
    styles("clear-button", {
      hover: visibility === "active" || visibility === "query",
      query: visibility === "query",
    }),
    className
  );
}

/**
 * @since 6.0.0
 */
export interface AutocompleteChipClassNameOptions {
  className?: string;
}

/**
 * @since 6.0.0
 */
export function autocompleteChip(
  options: AutocompleteChipClassNameOptions = {}
): string {
  const { className } = options;

  return cnb(styles("chip"), className);
}