/// <reference types="react" />
/** @module @airtable/blocks/ui: FieldIcon */ /** */
import * as PropTypes from 'prop-types';
import Field from '../models/field';
import { SharedIconProps } from './icon';
/**
 * Props for the {@link FieldIcon} component. Also accepts:
 * * {@link IconStyleProps}
 *
 * @docsPath UI/components/FieldIcon
 */
interface FieldIconProps extends SharedIconProps {
    /** The field model to display an icon for. */
    field: Field;
}
/**
 * A vector icon for a field’s type.
 *
 * [[ Story id="fieldicon--example" title="FieldIcon example" ]]
 *
 * @docsPath UI/components/FieldIcon
 * @component
 */
declare const FieldIcon: {
    (props: FieldIconProps): JSX.Element;
    propTypes: {
        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
        onClick: PropTypes.Requireable<(...args: any[]) => any>;
        hasOnClick: PropTypes.Requireable<boolean>;
        size: PropTypes.Requireable<string | number>;
        fillColor: PropTypes.Requireable<string>;
        className: PropTypes.Requireable<string>;
        style: PropTypes.Requireable<object>;
        pathClassName: PropTypes.Requireable<string>;
        pathStyle: PropTypes.Requireable<object>;
        field: PropTypes.Validator<Field>;
    };
};
export default FieldIcon;
