import { IconsWithTypes } from './data';
import { IconKinds, Icons, IconTypes } from './types';
export interface FetchProps {
    raw?: boolean;
    strokeWidth?: string | number;
}
/**
 * Fetches an SVG icon.
 *
 * The network request is memoized so when this is called multiple times
 * it will only access the network the first time (or the browser cache if there already).
 *
 * It also attempts to normalize the SVG to make all the icons consistent and
 * usable out of the box without any adjustments, i.e it normalizes various values.
 *
 * Use CSS variables `--stroke` `--fill` and `--fill-secondary` to manage
 * the colors if necessary.
 *
 * When used with `strokeWidth` you can achieve fine-control on how it's being displayed.
 *
 * Use the `raw` option to skip any post processing if you don't need it and simply get
 * the raw SVG data.
 *
 * ```ts
 * svg = await fetchIconSvg({ set: 'bytesize', icon: 'heart', strokeWidth: '2px' })
 * svg = await fetchIconSvg({ set: 'flags', icon: 'gr', kind: '4x3', raw: true })
 * svg = await fetchIconSvg({
 *   set: 'boxicons',
 *   icon: 'alarm',
 *   type: 'solid',
 *   strokeWidth: '' // passing `strokeWidth=''` allows it to be managed in CSS
 * })
 * ```
 *
 * @param props
 * @param props.set Icon set
 * @param props.icon Icon name
 * @param props.type Icon type - Most of the time an entirely different set of icons
 * @param props.kind Icon kind - These are variations of the same icon
 * @param props.raw Get the raw SVG without any post processing
 * @param props.strokeWidth Normalize `stroke-width` to this value.
 *  This also applies `vector-effect="non-scaling-stroke"` which will make the
 *  `stroke-width` absolute and not relative to the size of the icon
 *  Use this option for more control over the icon's appearance.
 *  Because every dimension of the icon will need a different `stroke-width`
 *  this can be set to `''` (empty string) which then allows it to be handled with CSS.
 *
 * @returns The SVG data as a string
 */
export declare const fetchIconSvg: <P extends "bootstrap" | "flags" | "feather" | "iconoir" | "material" | "boxicons" | "bytesize" | "cssgg" | "emojicc" | "eos" | "fontawesome" | "iconpark" | "phosphor" | "supertiny" | "tabler", T extends IconTypes[P & keyof IconTypes]>(props: FetchProps & {
    set: P;
} & (P extends keyof IconKinds ? {
    icon: Icons[P];
    kind: IconKinds[P & keyof IconKinds];
} : P extends keyof IconTypes ? {
    icon: IconsWithTypes[P & keyof IconTypes][T & keyof IconsWithTypes[P & keyof IconTypes]];
    type: T;
} : {
    icon: Icons[P & keyof Icons];
})) => Promise<string>;