import type { FunctionComponent } from 'preact';
import type { SVGProps } from 'preact/compat';
export type SvgIconProps = Omit<SVGProps<SVGSVGElement>, 'width' | 'height' | 'viewBox'>;
/**
 * Create an SVG icon with proper styling. The advantage of this over inline SVG imports is that
 * it allows the icons to automatically match the text color (`fill="currentColor"`).
 *
 * This is based on `createFluentIcon` from `@fluentui/react-icons`.
 *
 * @param displayName The name of the icon, used for debugging
 * @param width Original width/height of the icon SVG content in pixels, for correct scaling.
 * @param pathContents `<path>` tag contents
 * @param color Hardcoded color for the icon (defaults to `'currentColor'` i.e. text color).
 * This should only be used for things like error/success/warning icons.
 */
export declare function createSvgIcon(displayName: string, width: number, pathContents: string, color?: `#${string}`): FunctionComponent<SvgIconProps>;
//# sourceMappingURL=createSvgIcon.d.ts.map