import { type CSSProperties, type HTMLAttributes, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
type MapsIconProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> & {
    size?: CssLength;
    backgroundColor?: string;
    targetColor?: string;
    targetRingColor?: string;
    targetCoreColor?: string;
    arrowColor?: string;
    arrowNotchColor?: string;
    ref?: Ref<HTMLSpanElement>;
};
type MapsIconStyle = CSSProperties & {
    '--maps-icon-size'?: string;
    '--maps-icon-background'?: string;
    '--maps-icon-target-color'?: string;
    '--maps-icon-target-ring-color'?: string;
    '--maps-icon-target-core-color'?: string;
    '--maps-icon-arrow-color'?: string;
    '--maps-icon-arrow-notch-color'?: string;
};
declare const MapsIcon: ({ className, style, size, backgroundColor, targetColor, targetRingColor, targetCoreColor, arrowColor, arrowNotchColor, role, title, ref, "aria-hidden": ariaHidden, "aria-label": ariaLabel, ...props }: MapsIconProps) => import("react/jsx-runtime").JSX.Element;
export { MapsIcon };
export type { MapsIconProps, MapsIconStyle };