import {
  isValidElement,
  type ComponentProps,
  type ComponentType,
  type ReactNode,
} from "react";

// The installer bundles the pinned Lucide collection as local ESM and types.
export * from "./_ynrlib/lucide.js";

export type IconProps = ComponentProps<"svg">;

/** React.forwardRef and memo components are objects, while rendered icons are elements. */
export function isIconComponent(
  value: ReactNode | ComponentType<IconProps>,
): value is ComponentType<IconProps> {
  if (typeof value === "function") return true;
  if (
    !value ||
    typeof value !== "object" ||
    isValidElement(value) ||
    !("$$typeof" in value)
  )
    return false;
  return (
    value.$$typeof === Symbol.for("react.forward_ref") ||
    value.$$typeof === Symbol.for("react.memo")
  );
}

/** Local icon references stay editable when the CLI copies component source. */
export function plus(props: IconProps) {
  return (
    <svg
      width="18"
      height="18"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.8"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path d="M12 5v14M5 12h14" />
    </svg>
  );
}