import { FontSize } from '../../tokens';
export declare const BaseIcon: import('react').ForwardRefExoticComponent<{
    inline?: import('theme-ui').ResponsiveStyleValue<boolean>;
    size?: import('theme-ui').ResponsiveStyleValue<"4px" | "6px" | "8px" | keyof typeof FontSize | "1em">;
    color?: import('theme-ui').ResponsiveStyleValue<import('../..').SxColor>;
    viewBox?: import('react').SVGAttributes<SVGElement>["viewBox"];
} & Omit<import('react').HTMLAttributes<HTMLElement>, "color"> & {
    title?: string;
    direction?: "right" | "down" | "left" | "up";
} & import('react').RefAttributes<HTMLElement>>;
//# sourceMappingURL=BaseIcon.d.ts.map