import * as accounts from '@planningcenter/icons/paths/accounts';
import * as api from '@planningcenter/icons/paths/api';
import * as brand from '@planningcenter/icons/paths/brand';
import * as calendar from '@planningcenter/icons/paths/calendar';
import * as chat from '@planningcenter/icons/paths/chat';
import * as churchCenter from '@planningcenter/icons/paths/church-center';
import * as general from '@planningcenter/icons/paths/general';
import * as groups from '@planningcenter/icons/paths/groups';
import * as logomark from '@planningcenter/icons/paths/logomark';
import * as people from '@planningcenter/icons/paths/people';
import * as publishing from '@planningcenter/icons/paths/publishing';
import * as registrations from '@planningcenter/icons/paths/registrations';
import * as services from '@planningcenter/icons/paths/services';
import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
import type { XmlProps } from 'react-native-svg';
declare const ICONS: {
    readonly accounts: typeof accounts;
    readonly api: typeof api;
    readonly brand: typeof brand;
    readonly calendar: typeof calendar;
    readonly chat: typeof chat;
    readonly churchCenter: typeof churchCenter;
    readonly general: typeof general;
    readonly groups: typeof groups;
    readonly logomark: typeof logomark;
    readonly people: typeof people;
    readonly services: typeof services;
    readonly publishing: typeof publishing;
    readonly registrations: typeof registrations;
};
export type IconStyle = ViewStyle & {
    fontSize?: number;
    color?: string;
};
export type IconSetName = keyof typeof ICONS;
type IconName<T extends IconSetName> = keyof (typeof ICONS)[T] & string;
export type IconString = `accounts.${IconName<'accounts'>}` | `api.${IconName<'api'>}` | `brand.${IconName<'brand'>}` | `calendar.${IconName<'calendar'>}` | `chat.${IconName<'chat'>}` | `churchCenter.${IconName<'churchCenter'>}` | `general.${IconName<'general'>}` | `groups.${IconName<'groups'>}` | `logomark.${IconName<'logomark'>}` | `people.${IconName<'people'>}` | `services.${IconName<'services'>}` | `publishing.${IconName<'publishing'>}` | `registrations.${IconName<'registrations'>}`;
export interface IconProps extends Omit<XmlProps, 'xml' | 'fontSize'> {
    /**
     * Made up of the set.iconName.
     * Example: "general.textMessage"
     */
    name: IconString;
    /**
     * This sets a static size for the icon.
     * Providing a fontSize style will allow the icon to scale with the device's text a11y size.
     */
    size?: number;
    /**
     * Specifies the maximum size a font can reach when allowFontScaling is enabled.
     */
    maxFontSizeMultiplier?: number;
    /**
     * Changes the color of the icon. Most cases should use a theme color to support light/dark mode.
     */
    color?: ColorValue;
    /**
     * Icon can handle ViewStyle, color, and fontSize.
     */
    style?: StyleProp<IconStyle>;
}
export declare function Icon({ color, name, size, style, accessibilityElementsHidden, accessibilityLabel, maxFontSizeMultiplier, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=icon.d.ts.map