import type { IStyle } from "../types/webpack";

/**
 * Вставляет объект или массив стилей в `document.head`
 * @returns {void}
 * @example
 * import { useLazyStyles } from "@delement/ui/utils";
 * import styles from "./style.lazy.css";
 *
 * useLazyStyles(styles);
 */
export const useLazyStyles = (styles: IStyle | IStyle[]) => {
  const fn = (style: IStyle) => {
    if (typeof style?.use === "function") {
      style.use(style?.options ?? {});
    }
  };
  if (Array.isArray(styles)) {
    styles.forEach((style) => fn(style));
  } else {
    fn(styles);
  }
};