import * as react from 'react';
import { ReactNode } from 'react';
import { I as IconProps } from './iconProps-Cp-AJELp.mjs';

/**
 * naive 根节点属性。201 枚内置组件逐字节一致，这里把它固化成一份常量，
 * 供 createIcon 使用 —— 自建图标不用再手抄这段样板，也就不会抄错。
 */
declare const NAIVE_ROOT: {
    readonly viewBox: "0 0 48 48";
    readonly xmlns: "http://www.w3.org/2000/svg";
    readonly fill: "none";
    readonly strokeLinecap: "round";
    readonly strokeLinejoin: "round";
};
/** 自建图标的图形部分：静态节点，或一个接收 sw 的函数 */
type IconBody = ReactNode | ((sw: (designed: number) => number) => ReactNode);
/**
 * 用 naive 风格造一个图标组件。
 *
 * 根节点、无障碍属性、描边缩放全部与内置 201 枚一致；内层描边宽度用 body
 * 收到的 sw() 换算，这样 `<MyIcon strokeWidth={7} />` 整体加粗、层次保持。
 *
 * ```tsx
 * const MyIcon = createIcon('my-icon', (sw) => (
 *   <>
 *     <path d="M12 12 L36 36" stroke="#2A2A2A" strokeWidth={sw(3.5)} />
 *     <path d="M14 20 L20 26" stroke="#E76F51" strokeWidth={sw(2)} />
 *   </>
 * ));
 * ```
 */
declare function createIcon(name: string, body: IconBody): react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;

export { type IconBody, NAIVE_ROOT, createIcon };